html{
  background-color:#F2EFE4;
justify-content: center;
margin: 0 auto;
}

.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;
}
.contact{
  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;
}
hr{
  width:100px;

}
h1{
 text-align:center;
 font-family:Slackside one;
 font-size:92px;
 letter-spacing:2px;
 line-height:7.1vw;
 color: #212121;
  opacity:1;
  margin:10px 10px 10px 10px;

  
}
h2{
  text-align:center;
  font-size: 2vw;
  font-family:helvetica neue;
  font-weight:300;
  color:#212121;
  
  opacity:.7;
}



.box1{
  background-color:#F2EFE4;
   border:3px solid #e3d8b6;
  color:#170a07;
  width:700px;
  margin:0 auto;
  justify-content:center;
  margin-bottom:7vw;
 margin-top:6.3vw;
  padding:5px;
}
   p{
     text-align:center;
     opacity:.4;
    font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
     padding:10px;
    font-size:13px;
     
     color:#212121;
   }
   
 
   .gallery1{
     display:flex;
     gap:70px;
     justify-content:center;
     margin-top:130px;
   }
  mark{
    background-color:#EBE1C3;
    padding:6px 6px 6px 6px;
    color:#2a4180;
   
  }
  
  
  .boximg{
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38151953/original_b430b877f42baf3c07d46279bb00f1ed.jpg?1752681540?bc=0");
    height:400px;
      width:450px;
    background-size:cover;
    background-position:center;
  }
  .boxtext{
    background-color:#EBE1C3;
    
      width:60%;
    padding:60px 50px 50px 60px;
  }
  span{
    font-size:37px;
     font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    color:#212121;
    text-align:center;
       width:600px;
       margin:0 auto;
   
  }
  p{
    
   font-family: "halyard-display", sans-serif;
    font-weight:400;
     font-style: normal;
    font-size:19px;
  margin:0 auto;
    width:600px;
       color:#212121;
    text-align:left;
  }
  .contactbuttons{
    display:flex;
    gap:50px;
    width:600px;
    justify-content:center;
    margin-top:10px;
  }
 
  .buttonig, .buttone{
  padding:7px 9px 7px 7px;
    font-weight:400;
    border-radius:8px;
    border:0px;
    background-color:#F2EFE4;
    color:#212121;
    font-size:17.5px;
    font-family: "halyard-display", sans-serif;
  
     font-style: normal;
    letter-spacing:.3px;
    cursor:pointer;
  }
  .buttonig:hover, .buttone:hover{
    background-color:#324e9c;
    color:#F2EFE4;
    opacity:.8;
    font-size:19px;
 
 
  }
  @media screen and (max-width: 800px) {
     .box1{
      width:87vw;
      background-color:blue;
   
    }
  
 
 .featured{
    font-size:2.6vw;
   }
 .contact{
    font-size:2.6vw;
   }
 .about{
    font-size:2.6vw;
   }
   
    .menu{
      justify-content:center;
      margin-bottom:13vw;
        margin-top:15vw;
    }
    h1{
      font-size:11vw;
    }
    h2{
      font-weight:400;
      font-size:3.3vw;}
      
     .gallery1{
      display:inline-block;
      width:100%;
      justify-content:center;
      margin:0 auto;

}
.boximg{
  margin:0 auto;
  margin-bottom: 5vw;
  margin-top:5vw;}
.boxtext{
  width:100%;
  margin: 0 auto;
  }
  p{
      font-size:2.7vw;
      width:84vw;
      opacity:1;
        font-weight:300;
    }
  }