html{
  background-color:#F2EFE4;
justify-content: center;

 
}
 .menu{
display:flex;
justify-content:flex-end;
margin-top:40px;
margin-right:2.5vw;
gap:2.5vw;
color:#212121;

}
button{
border:0px; 
font-size:1.4vw;
background-color:#F2EFE4;
font-family:helvetica neue;
font-weight:300;
cursor:pointer;
 color:#212121;
}
.featured{
text-decoration:underline;
text-underline-offset:6px;

} 
.featured:hover{
 opacity:.8;
  color:#F2EFE4;
  background-color:#2a4180;
}
.about:hover{
opacity:.8;
  color:#F2EFE4;
  background-color:#2a4180;
}
.contact:hover{
opacity:.8;
  color:#F2EFE4;
  background-color:#2a4180;}
.header{
  text-align:center;
  justify-content:center;
margin-bottom:30px;
  margin-top:120px;
 
}
h1{
  text-align:center;
  font-family: "parry-grotesque", sans-serif;
  font-weight: 700;
  font-style: italic;
 font-size:60px;
 color:#212121;
  margin-bottom:60px;
}
hr{
  width:100px;

  
}
p{
  width:630px;
margin:0 auto;
  font-size:18px;
 font-family: "halyard-display-light", sans-serif;
  font-weight: 200;
font-style: normal;
  color:#212121;
  opacity:.8;
  text-align:center;
  margin-top:30px;

  
}
h3{
   width:630px;
margin:0 auto;
  font-size:18px;
   font-family: "halyard-display-light", sans-serif;
  font-weight: 200;
font-style: italic;
  color:#212121;
  opacity:.8;
  text-align:center;
  margin-bottom:30px;

 
 
}

.row1{
  display:flex;
 gap:80px;
  justify-content:center;
margin-top:100px;
}
img{
  height: 350px;
   padding:20px;
}
.box-1img{
  height:450px;
  width:500px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38061530/original_37d72e41157481ad3b4d5b3afa449631.jpg?1752341609?bc=0");
  background-size:cover;
  background-position:center;
 
}
 .box-2img{
  height:500px;
  width:500px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38052283/original_7d851004c3ee916c70811df8d300c8e5.jpg?1752281693?bc=0");
  background-size:cover;
  margin-top:70px;
   background-position:center;
}

.row2{
  display:flex;
  gap:80px;
  justify-content:center;
  margin-bottom:80px;
  margin-top:40px;
}

.box-3img{
    width:400px;
  height:500px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38052289/original_0810f72d9a829fba98da3280df2a2fd0.jpg?1752281705?bc=0");
  background-size:cover; 
   background-position:center;
  margin-top:0px;

}

.box-4img{
  height:400px;
  width:500px;
  
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38127122/original_6369172219953848145019987e34b085.jpg?1752596734?bc=0");
  background-size:cover; 
  background-position:center;
  margin-top:60px;
}
.contactbuttons{
  display:flex;
  gap:2vw;
  width:1.5vw;
  justify-content:center;
  margin-top:30px;
  margin:0 auto;
}




.buttone{
background-color:#F2EFE4;
border:0px #F2EFE4;
border-radius:10px;
  height:4vw;
width:4vw;

}
.buttonig{
background-color:#F2EFE4;
border:0px #F2EFE4;
border-radius:10px;
  height:4vw;
width:4vw;

}

img{

height:3.5vw;
width:auto;
margin:0 auto;
padding:3px 0px 0px 0px;
opacity: .5;
}
img:hover{
opacity:1;
}
@media screen and (max-width: 800px) {

.featured{
    font-size:2.2vw;}
.about{
     font-size:2.2vw; }
.contact{
  font-size:2.2vw;
  }

 
  .menu{
    justify-content:center;
   
      margin-top:15vw;
     
  }
  .header{
    margin-top:15vw;
    margin-bottom:15vw}
  h1{
    font-size:10vw;
    
  }
  p{
    font-size:3.7vw;
    width:84vw;
    opacity:1;
      font-weight:400;
  }
  h3{
    font-size:3.7vw;
    width:84vw;
      opacity:1;
      font-weight:400;
      margin-bottom:8vw;
  }
 
  .row1, .row2{
  display:inline-block;
  justify-content:center;
  width:100%;
  height:100%;
  margin:0 auto;

  }
  
   .box-1img{

  margin:0 auto;
margin-bottom:5vw;
margin-top:0vw;
 width:95vw;
height:89vw;
background-position:right;

   }
   .box-2img{
   margin:0 auto;
     margin-bottom:5vw;
margin-top:0vw;
width:95vw;
height:89vw;

   }
   .box-3img{
      margin:0 auto;
  margin-bottom:5vw;
margin-top:0vw;
  width:95vw;
height:120vw;
   }
   .box-4img{
   margin:0 auto;
    margin-bottom:5vw;
margin-top:0vw;
width:95vw;
height:95vw;
   }
  
 
 .contactbuttons{
  display:flex;
  gap:7vw;
  width:3vw;
  justify-content:center;
  margin-top:10px;
  margin-bottom:10px;
  margin:0 auto;
}

.buttone{
  height:6.5vw;
width:6.5vw;
}
.buttonig{
  height:6.5vw;
width:6.5vw;
}

img{ 
height:6.5vw;
width:auto;
margin:0 auto;
padding:3px 0px 0px 0px;
opacity: .5;
}
  
  
  
  

}