@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/*GENERAL*/
body{background-color:#58595b; font-family: 'Open Sans', sans-serif;}
.color-light{color:#FFFFFF}
.color-dark{color:#58595b}
.color-theme{color:#e2c68d}
.background-light	{background-color:#FFFFFF}
.bakground-dark{background-color:#58595b }
p{font-size:14px; line-height: 1.5; color:#58595b}
h1{font-weight:900; margin-bottom: 30px}
h3{font-size: 1.5rem;}
h4{font-weight:bold; font-size: 40px; text-transform: uppercase; margin-bottom: 50px; margin-top:30px}

/* TOP BANNER */
#top-banner{padding-top: 150px; padding-bottom: 100px; background:url("img/bg-top.jpg") no-repeat; background-size: cover}
#top-banner h3{margin-bottom:15px}
#top-banner .form{background-color:#252628; border-radius:10px; padding-top:3%; padding-bottom: 3%}
#top-banner .logo{margin-bottom: 40px}
.bulletin{width:22%}

/*NAVBAR*/

.nav{box-shadow: 10px 10px 5px grey;}
.navbar-brand img{width: 60%}

/* LEARN MORE*/

#learn-more {padding-top: 50px; padding-bottom: 50px}
#learn-more .row{padding-left: 30px; padding-right: 30px}
#learn-more .row .img-fluid{margin-top:5px}
#learn-more a{color:#58595b; text-decoration: none;}
#learn-more a p{margin-top:0.75rem}
#learn-more h1{font-size: 30px; text-align: center}

/*FORM*/
#form{padding-top:100px; padding-bottom: 100px; background: url("img/gold-form.jpg")  center right no-repeat #0e0e0e; background-size: cover}
#form h3{margin-bottom: 50px}
.form input{padding:15px; border-radius: 5px; border: solid 1px #FFFFFF; margin-bottom: 20px; width: 100%}
.form .infusion-submit button{font-weight: bold; font-color:#58595b; background:#e2c68d; width: 100%; border:solid 1px #e2c68d; border-radius:5px; padding:10px}

/* FOOTER */
footer{padding-top:50px}
footer .logo-footer{width:150px}
footer p b{font-weight:bold; font-size: 18px;}
footer #after-footer{border-top:solid 1px #58595b; text-align:center; margin-top:30px; padding:15px 0}
footer a{color:#58595b; text-decoration:none;}



@media screen and (max-width: 768px) {
	#top-banner .form{padding-bottom:50px; margin-bottom: 50px}
	#form{background:#0e0e0e}
	.bulletin{width:80%}
}