body{

  background: linear-gradient(rgba(0, 0, 50, 0.5), rgba(0, 0, 50, 0.5)), url("../images/img_1.jpg");

  background-size: cover;

  background-position: center;

  margin: 0;

  padding-top:8rem;

  text-align: center;

  font-family: sans-serif; color: white;

}

.navbar{text-transform: uppercase; font-weight: 700; font-size: .9rem; letter-spacing: 0.1rem; background: rgba(1,2,25,0.30);}

.navbar-brand{padding-left: 2rem;}

.nav-link{color:aliceblue;}

.nav-link:hover{color: #1ebba3;}

.nav-item:active{color: #1EBBA3;}

.navbar-nav{margin-right:3rem;}

.nav-link{color:aliceblue;}



#container{

background-position: center;

text-align: center;

margin-top:9rem;

margin-top: 20px;

color: #FFFFFF;

text-transform: uppercase;

transition: 4s ease-in-out;

}

h1{font-size: 32px; line-height: 10px;}

h2{font-size: 20px;}

.form{margin-top: 50px; transition: all 3s ease-in-out;}

.form{width: 600px; background: transparent; border: none; outline: none; border-bottom: 1px solid #b1b1b1;

  color: #FFFFFF; font-size: 18px; margin-bottom: 10px;}

.mex{width: 600px; height: 100px; background: transparent; border: none; outline: none; border-bottom: 1px solid #b1b1b1;

  color: #fff; font-size: 18px; margin-bottom: 6px;}

.input{height: 45px;}

.invia{width: 600px; background: #ff5722; border-color: transparent; color: #fff; font-size: 20px; font-weight: bold;

  letter-spacing: 2px; height: 50px; margin-top: 20px;}

.invia:hover{background-color: #f44336; cursor: pointer;}



/*--  Footer  --*/

footer .container{margin-top: 1rem; text-align: left; border-bottom: 1px solid #333;}

footer{background: #fff; padding: 0 0 1px 0;  color: #333; font-size: 14px; margin-top: 70px;}

footer .footer-top{background: #fff; padding-top:1px;}

footer .footer-top .footer-info{margin-bottom: 0px;}

footer .footer-yop .footer-info h3{font-size: 26px; margin: 0 0 20px 0; padding: 2px 0 2px 0;

  line-height: 1; font-family: "Raleway", sans-serif; font-weight: 700; color: #333;}

footer .footer-top .footer-info img{height: 40px; margin-bottom: 10px;}

footer .footer-top .footer-info p{font-size: 14px; line-height: 24px; margin-bottom: 0;

  font-family: "Raleway" sans-serif; color: #333;}

footer .footer-top .social-links a{font-size: 18px;  display: inline-block; background: #080855;

  color: #eee; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align:

  center; width: 36px; height: 36px; transition: 0.3s;}

footer .footer-top .social-links a:hover{background: #f82249; color: #eee;}

footer .footer-top h4{font-size: 14px; font-weight: bold; color: #333; text-transform: uppercase;

  position: relative; padding-bottom: 12px; border-bottom: 2px solid #f82249;}

footer .footer-top .footer-links{margin-bottom: 0px;}

footer .footer-top .footer-links ul{list-style: none; padding: 0; margin: 0;}

footer .footer-top .footer-lnks ul i{padding-right: 5px; color: #f82249; font: 18px;}

footer .footer-top .footer-links ul li{border-bottom: 1px solid #262c44; padding: 10px 0;}

footer .footer-top .footer-links ul li:first-child{padding-top: 0;}

footer .footer-top .footer-links a{color: #333;}

footer .footer-top .footer-links a:hover{color: #f82249;text-decoration: none;}

footer .footer-top .footer-contact{margin-bottom: 0px;}

footer .footer-top .footer-contact p{line-height: 26px; text-decoration: none;}

footer .copyright{text-align: center; padding-top: 1px;}

footer .credits{text-align: center; color; #333; padding-bottom: 5px;}



footer .fa-angle-right{color: #f82249; margin-right: 4px;}

.modal-dialog{color: #555; font-size: 12px; text-align: left;}

.btn-privacy{background-color: #fff; width: auto; padding-bottom: 4px; margin: 0; border: none; color: #333;}

.btn-privacy:hover{background-color: #333; color:#fff;}



@media (max-width: 767.98px) {

footer .container{width: 96%; margin: 2%;}

  }