html{
  background-color:#F2EFE4;
justify-content: center;
 margin-bottom:100px;
}
.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;
 
}
.header{
  text-align:center;
  justify-content:center;
margin-bottom:30px;
  margin-top:120px;
 margin-bottom:100px;
}
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:helvetica neue;
  color:#212121;
  opacity:.6;
  text-align:center;
  margin-top:30px;
  text-indent:0px;
  
}
.row1{
  display:flex;
 gap:50px;
  justify-content:center;
  margin-top:60px;

}
img{
  height: 350px;
   padding:20px;
}
.box-1img{
  height:540px;
  width:390px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064095/original_41020e11120c8a6be46205eec3b9d68b.jpg?1752350850?bc=0");
  background-size:cover;
 background-position:center;
}
 .box-2img{
  height:370px;
  width:440px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38063944/original_9604b18e49b4b78912bb741045b5ca2f.png?1752350226?bc=0");
  background-size:cover;
  margin-top:0px;
    background-position:center;
}
.box-6img{
    width:450px;
  height:300px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064495/original_e6650c968843870c57f018170fadd9db.jpg?1752351896?bc=0");
  background-size:cover; 
  margin-top:0px;
   background-position:center;
}
.row2{
  display:flex;
  gap:50px;
  justify-content:center;
}



.box-4img{
  height:350px;
  width:430px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064598/original_bc72e08443fa9daf7a1ff1ea30d7a312.png?1752352065?bc=0");
  background-size:cover; 
  margin-top:78px;
  background-position:center;
}
.box-7img{
    width:340px;
  height:470px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064596/original_e364994720895377888640de871ee772.png?1752352065?bc=0");
  background-size:cover; 
  margin-top:80px;
  background-position:center;
}
.box-3img{
    width:350px;
  height:485px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064662/original_f6a62993b1ecde15fbfa06759c44d10f.jpg?1752352546?bc=0");
  background-size:cover; 
  background-position:center;

}
.row3{
  display:flex;
  gap:50px;
  justify-content:center;
  
  margin-top:10px;
}

.box-5img{
    width:400px;
  height:490px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064595/original_9f15a99f712388387beca45bac1cee4a.jpg?1752352065?bc=0");
  background-size:cover; 
  margin-top:-90px;
  background-position:center;
}
.box-9img{
    width:320px;
  height:470px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38063934/original_cdfda2716612e484e944c0756ee02520.png?1752350203?bc=0");
  background-size:cover; 
  margin-top:-60px;
}
.box-8img{
    width:520px;
  height:370px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38064599/original_f09098b4030594cab40a1bbe818298d1.jpg?1752352065?bc=0");
  background-size:cover; 
  margin-top:50px;
  background-position:center;
}
.row4{
  display:flex;
  gap:50px;
  justify-content:center;
  margin-bottom:100px;
  margin-top:10px;
}
.box-10img{
    width:380px;
  height:480px;
  background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38063939/original_36803b2de8a526253ccbee4fbb69ce6e.png?1752350219?bc=0");
  background-size:cover; 
  margin-top:-50px;
  background-position:left;
}
.contactbuttons{
  display:flex;
  gap:40px;
  width:600px;
  justify-content:center;
  margin-top:30px;
  margin:0 auto;
}

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

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

}

img{

height:40px;
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;
     
  }
  h1{
    font-size:10vw;
  }
   p{
    font-size:3.7vw;
    width:84vw;
    opacity:1;
      font-weight:300;
  }
  h3{
    font-size:3.7vw;
    width:84vw;
      opacity:1;
      font-weight:400;
  }
  .header{   margin-top:15vw;
    margin-bottom:15vw;
    }
 
  .row1, .row2, .row3, .row4{
  display:inline-block;
  justify-content:center;
  width:100%;
  }
  
   .box-1img{

  margin:0 auto;
margin-bottom:5vw;
margin-top:0vw;

   }
   .box-2img{
   margin:0 auto;
     margin-bottom:5vw;
margin-top:0vw;
   }
   .box-3img{
      margin:0 auto;
  margin-bottom:5vw;
margin-top:0vw;
  
   }
   .box-4img{
   margin:0 auto;
    margin-bottom:5vw;
margin-top:0vw;
   }
   .box-5img{
       margin:0 auto;
 margin-bottom:5vw;
margin-top:0vw;
   }
   .box-6img{
    margin:0 auto;
  margin-bottom:5vw;
margin-top:0vw;
   }
   .box-7img{
margin:0 auto;
margin-bottom:5vw;
margin-top:0vw;
   }
   .box-8img{
margin:0 auto;       
margin-bottom:5vw;
margin-top:0vw;

   }
   .box-9img{
margin:0 auto;       
 margin-bottom:5vw;
margin-top:0vw;

   }
   .box-10img{
   margin:0 auto;
   margin-bottom:5vw;
margin-top:0vw;
   }
   
  
   .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;
}
  
  
  
  

}