/* ==========================================================================
   STILI GENERICI
   ========================================================================== */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
textarea {
  resize: vertical;
}
/*questo sotto non somma il padding*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* ==========================================================================
   STILI SITO
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
}
:root {
   --principale: #076a00;
  --grigino: #e8e8e8;
  --bianco: #ffffff;
  --nero: #000000;
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 19px;
  line-height: 30px;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  background-color: var(--bianco);
}
.wrapper {
  width: 90%;
  margin: 0 5%;
}
.wrapper-no-margin {
  width: 100%;
  margin: 0;
}
p{
  padding-bottom: 25px;
}
.p50{
  padding: 50px 0;
}
img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.flex20, .flex30, .flex40, .flex50, .flex60, .flex70, .flex80{
  flex: 0 1 100%;
}
a {
  color: var(--principale);
  text-decoration: underline;
}
h1 {
  font-size: 40px;
  line-height:45px;
  font-weight: 800;
  margin: 0;
}
h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 10px;
}
h3{font-size: 19px;
  line-height:22px;
  font-weight: 500;
  margin: 0;
  padding: 0;

}
.slide{
	background-color: var(--grigino);
}
.slide .wrapper{
  position: relative;
}
.slide h1{
  position: absolute;
  bottom: 0;
  padding: 30px 30px 0 30px;
  color: #fff;
  z-index: 100;
}
.slide figure.tondo{
 position: absolute;
bottom: -90px;
right: 30px;
display: none;
}
.slide figure.sfondo{
 padding-top: 30px;
 display: none;
}
.slide figure.mobile img{
border-radius: 40px;
   margin-bottom: -40px;
}
.slide figure.sfondo img{
  border-radius: 40px;
   margin-bottom: -40px;
}
.chisono{
  background-color: #f2f2f2;
  padding: 40px;
  border-radius: 40px;
  margin-bottom: 60px;
}
footer{
  background-color: #7b6a58;
  padding: 40px 0;
  text-align: center;
  color: #fff;
}
footer a{
  color: var(--bianco);
}
/* ==========================================================================
    MEDIA QUERIES
   ========================================================================== */
   @media only screen and (min-width: 760px) {
      .slide figure.mobile img{
   display: none;
}
.slide figure.sfondo{
 display: inline-block;
}
.slide figure.tondo{
   display: inline-block;
}
.slide figure.tondo img{
   max-height: 300px;
}
   }
@media only screen and (min-width: 1024px) {
  .slide figure.tondo img{
   max-height: inherit;
}

  .flex20{
  flex: 0 1 20%;
}
.flex30{
  flex: 0 1 30%;
}
.flex40{
  flex: 0 1 40%;
}
.flex50{
  flex: 0 1 48%;
}
.flex60{
  flex: 0 1 60%;
}
.flex70{
  flex: 0 1 70%;
}
.flex80{
  flex: 0 1 80%;
}
h1 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 800;
}
}
@media only screen and (min-width: 1366px) {
  .wrapper, .wrapper-no-margin {
    width: 1296px;
    margin: 0px auto;
  }
}