*{
  font-family: 'Lora', serif;
}

html{
  scroll-behavior: smooth;

}

header{
  height:100vh;
}

header .logo{
  position: absolute;
  height: 120px;
  padding-top: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; 
}

header .logo img{
  height:100%;
}

header .main_img{
  height:100%;
}

header .main_img img{
  height: 100%;
  object-fit: cover; 
  width:100%;
}

.main_text{
  position: absolute;
  top: 170px;
  height: 100%;
  width: 100%;
}

.main_text h1{
  color: #fff;
  text-align: center;
  font-size: clamp(22px, 10vw, 120px);
  margin-bottom: 0;
  margin-top:30px;
}


.call_to_action{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.call_to_action a{
  background: #fff;
  color: #003260;
  text-decoration: initial;
  width: 200px;
  height: 70px;
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  border-radius: 15px;
  text-transform: uppercase;
}

.width_contained{
  max-width:1300px;
  position:relative;
  z-index:9
}

iframe{
  width:100%;
  height:550px;
  border-radius: 15px;
}

.contattaci_section{
  padding:6rem 1.5rem;
  background:#eee;
}

.main_text_col h2{
  font-size: clamp(35px, 5vw, 70px);
  text-align: center;
  color: #003260;
}

.main_text_col p{
  font-size: clamp(16px, 22px, 26px);
  text-align: center;
  margin: 50px 0;
}

.social{
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:40px;
  margin-bottom: 3rem 
}

.social a{
  width:40px;
  height:40px;
  background:#003260;
  color:#fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  
}



.social a i{
  font-size:25px;
}

#contattaci h2{
  color: #003260;
  font-size: clamp(35px, 6vw, 90px);
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}

#contattaci .form-group{
  margin-bottom:15px;
}
#contattaci input{
  height:50px;border-radius: 15px;font-size:20px;padding:5px 15px;
}
#contattaci textarea{
  height:150px;border-radius: 15px;font-size:20px;padding:5px 15px;
}
#contattaci label{
  color: #003260;
  font-size:20px;
  font-weight:700;
  margin-bottom:8px;
}

.btn.ajx-submit-form{
  color: #fff;
  background-color: #003260;
  width:100%;
  border-radius: 15px;
  font-size:25px;
  text-transform: uppercase;
  font-weight: 600;
}


.come-raggiungerci h2{
  font-size: clamp(35px, 5vw, 70px);
  text-align: center;
  color: #003260;
}

.infocol h3{
  color: #003260;
  font-size: clamp(30px, 2.5vw, 40px);
}
.infocol p{
  font-size: clamp(14px, 22px, 26px);
}

footer{
  background: #003260;
  padding:2.5rem 1.5rem;
}

footer *{
  color:#fff;
  font-size:14px;
}

footer a:hover{
  color:inherit
}

#contattaci input[type=checkbox]{
  height:30px;
  border-radius:10px;
  margin-bottom:10px;
  margin-right:10px;
}

#contattaci .form-check label{margin-bottom:0;}

@media screen and (max-width:767px){
  header{height:75vh;}
  #contattaci input{
    font-size:16px;
  }
  #contattaci textarea{
    font-size:16px;
  }

  .call_to_action a {
    
    width: 160px;
    height: 50px;
    
    font-size: 17px;
    
  }

  .come-raggiungerci .infocol {
    text-align: center;
    margin: 3rem 0;
    padding: 0 10%;
}

.contattaci_section {
  padding: 3rem 1.5rem;
}

.btn.ajx-submit-form {
  margin-top: 2rem;
}
}

.form-check {
  display: flex;
  margin-bottom: 0.5rem !important;
}

p.form-subtitle {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 2rem !important;
}