body {
  padding-top: 5rem;
  font-family: 'Josefin Sans', sans-serif;
}

.footer a {color:#777!important;}
.footer a:hover {color:#fff!important;}

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: 700;}

h1 {font-size: 55px!important; margin-bottom: 40px;}
h2 {font-size: 40px!important;}
h3 {font-size: 25px!important;}
h4 {font-size: 26px!important; font-weight: 300!important}
p {font-size: 20px!important; font-weight: 300!important; margin-bottom: 25px;}

b {font-weight: 700;}

ul {font-size: 20px!important; font-weight: 300!important; padding-left: 15px!important}

.jumbotron {color:#fff!important; margin-bottom: 0!important; }
.jumbotron h1 {font-size: 70px!important; font-weight: 300!important; margin-bottom: 55PX;}
.jumbo-img {width: 70%}

.row-celenza {padding-top: 70px!important; padding-bottom: 70px!important;}
.alessia-img {width: 70%}
.palle {width: 80px}

.contatti {background-color: #fff; border-radius: 20px; padding: 30px; margin-top: 50px; margin-bottom: 30px; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.31); -moz-box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.31); box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.31);}

.card {border-radius: 20px}
.card-img-top {height:180px; border-top-left-radius: 20px; border-top-right-radius:20px}
.card-text {text-align: left; padding:10px;}

.center-text {text-align: center;}

.footer {padding-top: 40px; padding-bottom: 10px}
.footer p { font-size: 16px!important}
.footer ul {text-align: right}
.footer ul li {display: inline; margin-left: 15px; font-size: 16px}

/* Buttons */
.btn {border-radius:10px!important; border:none!important; text-transform: uppercase!important; font-family: 'Lato', sans-serif; font-weight: 400!important;}
.btn-primary {background-color: #FFEE00!important; color:#000!important; cursor: pointer;}
.btn-big {font-size: 26px; padding: 10px 35px;}
.btn-primary:hover {background-color: #F2E203!important;}

.navbar-nav .btn {font-size: 18px!important; }

/* Navbar */
.navbar-nav {font-size: 18px!important; font-weight: 200!important;}
.nav-link {padding-left: 20px}


.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}


@media screen and (max-width: 768px) {

.center-text {text-align: left!important}
.btn {width: 100%!important}
.mobile-hide {display: none!important}
.jumbo-img {width: 50%}
.jumbotron h3 {margin-top: 30px!important}
.jumbotron h1 {margin-bottom: 30px!important}
.alessia-img {margin-top: 30px}
.palle {margin-bottom: 30px}
.card {margin-bottom: 30px}

h1 {font-size: 45px!important; margin-bottom: 25px;}
.contatti h4 {font-size: 20px!important}

}