body{
  margin:0;
  display: flex;
  flex-flow:column;
  gap:80px;
  min-width:100vw;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.headertype{
  color: #FFF;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

h1 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 64px;
    line-height: 124.6%;
    color: #3A2923;
  }

  h2{
color: #3A2923;
font-family: "Montserrat";
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
  }

  h3{
    color: #3A2923;
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 129.043%; /* 25.809px */
  }

h4{
color: #3A2923;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: italic;
font-weight: 300;
line-height: 166.656%; /* 66.662px */
text-transform: lowercase;
padding: 160px, 0;
}

.Bottone1{
  display: flex;
width: 170px;
height: 40px;
padding: 0, 10px;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid #3A2923;
color: #3A2923;
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.welcome{
  background-image: url("IMMAGINI/sfondo.jpg");
  height:100vh;
  background-size: cover;
  background-position: bottom;
  display: flex;
  height: 1040px;
  padding-bottom: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
}

.iconcontainer{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.scrollicon{
height:80px;
width:80px;
}

.contact{
}

.headerlogo{
  display: flex;
  align-items: center;
  gap: 16px;
}

.header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 27px;
  padding-right:27px;
  height:105px;
}

.formduo{
    display: flex;
    column-gap: 80px;
}

.form1{
    padding-bottom: 30px;
    border: none;
    color: #3A2923;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 200;
    line-height: 40px;
    text-transform: lowercase;
}

.smallforms{
    border-bottom: 1px solid #3A2923;
}

.forms{
    display: flex;
    flex-flow:column;
    height:fit-content;
    row-gap:80px;
    align-items:center;
}

.form2{
    padding-bottom:30px;
    border: none;
        color: #3A2923;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 200;
    line-height: 40px;
    text-transform: lowercase;
    display: flex;
    vertical-align: top;
}

.message{
    border-bottom: 1px solid #3A2923;
    display:flex;
    flex-flow: column;
}

input::placeholder {
  color: #3A2923;
  opacity: 1;
}

.duoholder{
    display:flex;
    flex-flow: column;
    row-gap:30px;
}

.title{
color: #3A2923;
font-family: Montserrat;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 166.656%; /* 106.66px */
text-transform: uppercase;
border-bottom: 1px solid #3A2923;
}

.inputbutton{
    display: flex;
height: 40px;
justify-content: center;
align-items: center;
gap: 10px;
background:#3A2923;
color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: none;
}

.motivational{
background: #F6B6A3;
display: flex;
height: auto;
padding: 77px 0px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
align-items: center;
} 

.headerbuttons{
  color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
padding-right: 20px;
padding-left: 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-right: 1.5px solid #FFF;
}

.headerbuttons2{
  color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
padding-right: 20px;
padding-left: 20px;
justify-content: center;
align-items: center;
gap: 10px;
}

a { text-decoration: none; }

.sopratitolo{
  position: relative;
}

.rightstext{
  color: #000;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 166.656%;
}

.village{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 38px;
align-self: stretch;
justify-content: center;
}

.fascia1{
  display:flex;
align-items: center;
justify-content: center;
}

.fascia2{
  display:flex;
align-items: center;
margin-bottom: 80px;
justify-content: center;
}

.fascia3{
  display:flex;
  margin-bottom:80px;
}

.fasce{
  display: flex;
  flex-flow: column;
  row-gap: 80px;
}

.nature{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 23px;
}

.villagemicrodiv{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
align-self: stretch;
}


.naturebuttoncontainer{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 79px;
align-self: stretch;
}

.indoorsdiv{
  display: flex;
flex-direction: column;
gap: 48px;
}

.indoors{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 23px;
align-self: stretch;
}

.village1{

}

.village2{

}

.village3{

}

@media (max-width:768px) {
  .village1{
    max-height: 400px;
    width:auto;
  }

  .village2{
    max-height: 400px;
    width:auto;
  }

  .village3{
    max-height: 400px;
    width:auto;
  }

  .indoors1{
    max-height: 400px;
    width:auto;
  }

  .indoors2{
    max-height: 400px;
    width:auto;
  }

  .indoors3{  
    position: relative;
    top:-200px;
    min-width:980px;
  }
}

@media (min-width:992px) {
  .village1 {
    position:absolute; 
    max-height: 195px; 
    width: auto; 
    z-index:2; 
    top: 200px;
  }

  .village2 {
    position:relative; 
    max-height: auto; 
    max-width: 300px; 
    left:200px;
    z-index:1;
  }

  .village3 {
    position:relative; 
    max-height: 120px; 
    width: auto; 
    z-index:2; 
    left:240px;
  }

  .indoors1 {
    max-width: 480px;
    max-height: 400px;
  }

  .indoors2{
    max-width: 972px;
    max-height: 752px;
  }

  .indoors3{
    max-width: 518px;
    max-height: 317px;
  }

  .villageimages{
    display:flex;
    column-gap:20px;
  }
}

@media (min-width:1400px) {
  .village1 {
    position:absolute; 
    max-height:390px; 
    max-width: 294px; z-index:2;
    top:120px;
  }

  .village2 {
    position:relative; 
    min-height: 600px; 
    min-width: 800px; z-index:1; 
    left:120px;
  }

  .village3 {
    position:relative; 
    min-height: 240px; 
    min-width: 416px; 
    z-index:2;
    top:440px;
    left:-240px;
  }

  .indoors1 {
    max-height: 400px; 
    max-width: 480px; 
    position: relative;
    top:240px;
    z-index:2;
  }

  .indoors2{
    max-height: 752px;
    min-width: 972px;
     position: relative;
    left:-120px;
    z-index:1;
  }

  .indoors3{
    max-height: 317px; 
    max-width: 518px; 
     position: relative;
    left:-520px;
    z-index:2;
    top: 520px;
  }

  .villageimages{
    position:relative;
    left:-160px;
    top:160;
    margin-left:120px;
  }

  .indoorsimages{
    position:relative;
    top: 160px;
    left: 40px;
    margin-bottom:160px;
  }
}