body {background-color:#B2F37F;
  margin: 0;
  padding: 0;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.oswald{font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal}

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
  }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  /* Shrink - rimpicciolisci */
  .hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: all;
  }
  .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }
  
img {
    max-width: 100%;
}


a:link {
    text-decoration: none;
    color: black;
}
a:hover {
    text-decoration: none;
    color: #15E77E;
}
h1, h2 {
   font-size: 3.4em;
   font-weight: 500;
}

h3, h4 {
    font-size: 2.2em;
    font-weight: 300;
}

p {
    font-size: 1.4em;
    line-height: 1.3;
}
.contenitore-principale{max-width: 1000px;
  justify-content: center;
  margin:0 auto;
}
.flex-container{display: flex;}

.header .flex-container{justify-content: space-between;}

.header i{font-size: 25px;}

.header{padding: 20px 0;}

.banner h1{color: #1F4A35;
  text-transform: uppercase;
  text-align: center;
}

.banner{position: relative;}

.banner img{
margin: 0 auto;
margin-top: -170px;
display: block;
}
.banner h2{font-weight: 400;
  font-size: 2em;color: #3D7155;
  justify-content: right;}

  .pulsante{display: inline-block;
  padding: 15px;
border-radius: 5px;
background-color: #30CD6F;
color: white;
box-shadow: 0 5px 5px black;
font-size: 1.2em;}

.pulsante i{margin-left: 30px;}

.banner .flex-container{justify-content: space-between;
align-items: center;}

.tabs li{font-size: medium; 
    text-transform: uppercase;
list-style: none;
margin: 0 auto;
margin-top: 20px;
padding: 10px;
justify-content: space-between;
background-color: white;
color: #15E77E;
border-radius: 6px;
box-shadow: 0 5px 5px black;}

.tabs .active{padding:10px;
background-color: #15E77E;
color: white;
box-shadow: 0 5px 5px black;}

.griglia-2-colonne{flex-wrap: wrap;}

.griglia-2-colonne .prodotto{
flex-basis: 48%;
margin-left: 1%;
margin-right: 1%;
position: relative;
background-color: white;
border-radius: 6px;
box-shadow: 0 5px 5px black;
margin-bottom: 2%;
margin-top: 5%;
}

.prodotto .padding{padding: 10px;}

.prodotto .fa-heart{position: absolute;
top: 7px;
right: 7px;}

.prodotto .prezzo-cta{justify-content: space-between;
align-items: center;}
.prodotto h5{font-size: 1.4em;
color: #3D7155;
font-weight: 300;
margin: 0;}

.newsletter{background-color: #D9C05E;
color: white;
padding: 50px 0;
margin-top: 50px;
text-align: center;}

input{border: none;
padding: 20px;
font-size: 1.2em;
min-width: 60%;
border-radius: 6px;
box-shadow: 0 0px 0px black;}

button{border: none;
  background-color: #15E77E;
  color:white;
padding: 20px;
border-radius: 6px;
box-shadow: 0 0px 0px black;
text-align: center;
margin-left: 10px;
}
footer .flex-container{font-weight: 400;
  font-size: 1.3em;
  margin: 10px;
  margin-bottom: 30px;
  justify-content: space-between;}