:root{
    --green_1:#50772d;
    --grey_1:#54595f;
    --grey_text: #999;
    --green_light_1: #85a864;
    --white_1: #f1fff1;
    --white_2: #e2ffe5;
    --white_3: #fff;
    --orange_1: #f3802d;
    --orange_2: #d15b05;
    --orange_3:#a24501;
    --green_2:#3a5b40;
    --green_3:#3a5b40;

}

body,html{
    width: 100%;
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;

    
}

#nav{
    display: block;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
    padding-left: 30px;
}

#sep{
 height: 80px; width: 100%
}

#overlay1{
   position:absolute;
    left:7%;
    font-weight: 600 !important;
    top:6%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

#overlay1 h1,h2{
    font-weight: 600 !important;
     margin-top: 20px;
     text-shadow: 1px 2px 4px #000;

}


.form-text{
    color:var(--grey_text) !important;
}

.form-check-label{
  color: #fff;
}

.form-container{
padding-left: 16% ; padding-right: 16%; margin-right: 10%; margin-left: 10%;
margin-top: 6%;
margin-bottom: 6%;
    border-radius: 30px;
}

.art{
 max-width: 500px; object-fit: cover; object-position: center center; 
}

.art_{
  padding: 100px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;

}

.img_cont{
  text-align: center;
  display: flex;
  justify-content: center !important;

  align-items: center !important;
  height: 100%;
}

#nav-logo{
    max-width: 300px;
    width: 100%;
    text-align: left;
    margin: 0;
    background-color: white;

}

#titolo_offerta{
    color:var(--grey_text)  !important;
    font-weight: bold;
}

#offerta-section{


   
}

#data_collection{
    background-color: var(--green_3);

  
   padding-bottom: 30px;
    color:WHITE;
}

#needs-validation button{
    text-align: center; display: block; margin-left: auto; margin-right: auto;
}

.btn-primary{
    background-color: var(--grey_text)  !important;
    border: 0px solid var(--green_3) !important;
    color: #000 !important;
    font-weight: bold  !important;
    padding:15px !important;
    padding-right:35px !important;
    padding-left: 35px !important;
 
    transition: 0.5s !important;
}

.btn-primary:hover{
    opacity: 1 !important;
    background-color: var(--green_light_1)  !important;

}

#front{
    position: relative;

}

#resp h6{
  font-size: 24px !important; text-align: center;
  margin-bottom: 30px;
}

#resp h5{
  font-size: 30px; text-align: center;
}



#wide-pic{
    width: 100%;
    height: 700px;
    display: block;
    max-height: 800px;
    


    background-repeat: no-repeat;
    background-position: 50% 30%; 
    background-attachment: fixed;
    background-size: cover;
    background-image: url("./images/green-pic.jpeg");
    margin-bottom: 1%;

}

#en-rin{

    max-width: 400px;
    
}

.element-offerta .bi{
    font-size: 33px;
    color: var(--green_1);
}
.element-offerta{
    text-align: left;
    
    color:var(--grey_text) !important;
    font-size: 22px;
}


  .row{
    overflow: hidden; 
  }

  #richiedi{
    text-align: center;
  }


  #on-wide-pic{
     padding-top: 10%;
    position: absolute;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    bottom: 1.5%;
    display: block;
    text-align: center;
    text-shadow: 2px 2px 1px var(black);
    font-size: 72px;

  }

  .card-img-top{
    max-height: 200px;
    object-fit: cover;
  }

  .card-text{
    font-size: 16px;
  }

  .card-text{
    overflow: hidden;
    inline-size: 100%; 
    white-space: nowrap;
  }

  #on-wide-pic .bi{

    font-size: 72px;

    color: var(--green_2);

	text-shadow: 3px 5px 5px var(--grey_text);

  }

  #needs-validation a:hover{
    color:#85a864;
  }

  .card, .card-body{
    overflow: hidden !important;
    z-index: 10;
  }

  .article{
    padding: 4%;
  }

  #text-section h1{
    font-size: 29px;
    font-weight: bold;
    color:var(--grey_text);
    text-align: center;
    padding: 30px;
  }

  #text-section{
background-color: var(--green_3);
color: #fff;
font-size: 20px;
  }

  .a-card:hover {
    color: var(--green_light_1);

  }

  .a-card:hover > .card{
    border: 1px solid var(--green_light_1);
    transition: 0.7s;
  }

  .a-card img{
    transition: 2s all ease-in-out;
    z-index: -10;
    
  }

  .a-card:hover  img{
    transform: scale(1.1);
  }

  h4.card-title{
    font-size: 20px !important;
    font-weight: bold;
  }

  #blog_section{
    background-color: white;
  }

  #blog_container{
    margin-top: 90px;
    padding-bottom: 80px;
  }

  h6{
    font-weight:bold !important;
    font-size: 19px !important;
  }

  

.big-text{
    font-size: 35px;
    margin-top: 40px;
    color:var(--green_2);
    margin-bottom: 0;
font-weight: bold;
}

@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.anm{
    padding-top: 20px; padding-bottom: 20px;
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
}



  #richiedi .bi{
    font-size: 60px;
    
    color: var(--green_2);
  }

  .form-label{
    font-size: 18px;
    font-weight: bold;
  }

  .form-text{
    font-size: 12px;
    font-weight: bold;
  }

  .form-check{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .form-label{
    margin-top: 20px;
  }

  .social_space {

    text-align: center;

    bottom: 10px;
    right: 10px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    padding-right: 30px;

}

a:link, a:visited {
    text-decoration: none!important;
    color: #000;
}

.social_space a {
    box-sizing: border-box;
}

.soc{
    color: black;
    padding-right: 20px;
    font-size: 43px;
    transition: 0.7s;
}
.soc:hover{
    color:var(--green_light_1);

}

.card{
    margin-top: 40px; margin-bottom: 40px;
}

.footer {





    color: #000;


    font-size: 14px;
    text-align: left;
    padding: 20px
}

.footer_t {
    width: 100%;
    display: block;
    font-size: 18px;


}

.footer_t .mail_to{
    color:var(--green_light_1);
}

.footer_d {
    flex-basis: 48%;
    height: 100%;
    box-sizing: border-box;

}

hr {
    border: 0;
    border-top: 2px solid var(--white_2);
  }
  
  #footer-section{
    padding-top: 50px;
       background-color: white;
  }

  #hr1{
    width:100%;
    height:100px;

    left:0px;
    background: linear-gradient(to right bottom, #3a5b40 49%, #fff 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}


#hr2{
    width:100%;
    height:100px;

    left:0px;
    background: linear-gradient(to right bottom, #fff 49%, #3a5b40 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}


@media screen and (max-width: 900px) {
    .form-container {
     margin-left: 0;
     margin-right: 0;
     padding-left: 8%;
     padding-right: 8%;
    }


    .art_{
      padding: 20px;
    }
    #nav{
        margin:0;
    }

    #on-wide-pic{
        bottom: 15%;
    }

    #nav-logo{
        max-width: 300px;
    
    }

    #overlay1{
        top: 1%;
        left: 1%;
    }


    #overlay1 h1{
      font-size: 30px;
      text-align: center;
      margin-bottom: 30px;
  }

  #overlay1 h2{
      font-size: 22px;
      text-align: center;
  }


    
  }