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;
}
.about{
  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;
  margin-top:0px;
  opacity:.7;
}



.box1{
  background-color:#F2EFE4;
   border:3px solid #e3d8b6;
  color:#170a07;
  width:90vw;
  margin:0 auto;
  justify-content:center;
  margin-bottom:0px;
 margin-top:6.3vw;
  padding:5px;
}

 
   .gallery1{
  
     justify-content:center;
     margin-top:70px;
     margin-bottom:30px;
   }
  mark{
    background-color:#EBE1C3;
    padding:6px 6px 6px 6px;
    color:#2a4180;
   
  }
  
  
  .boximg{
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38159915/original_67e1abdf443665821fe9b10e0fea92b4.jpg?1752700714?bc=0");
    height:400px;
      width:470px;
    background-size:cover;
    background-position:center;
    margin:0 auto;
    margin-bottom:60px;
  }
  .boxtext{
    
      width:790px;
   
    margin:0 auto;
   
  }
  span{
    font-size:37px;
    font-family: young serif;
    color:#2a4180;
   
  }
  p{
  font-family: "halyard-display-light", sans-serif;
  font-weight: 200;
  font-style: normal;
    line-height:28px;
    font-size:18px;
  margin:0 auto;
    width:710px;
    letter-spacing:0.3px;
    color:#212121;
    
  }
  footer{
    display:flex;
    gap:40px;
    width:100%;
    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;

  opacity: .5;
}
img:hover{
  opacity:1;
}
@media screen and (max-width: 800px) {
     .box1{
      width:87vw;
      margin-bottom:0px;

    }
  
 
 .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;
    }
    .gallery1{
      margin-top:10vw;
    }
    h1{
      font-size:11vw;
    }
    h2{
      font-weight:400;
      font-size:3.3vw;}
      
      .boximg{
        width:90vw;
        margin-top: 10vw;}
        
        
.boxtext{
  width:80vw;
  margin: 0 auto;
  justify-content:center;}
  
  p{
      font-size:3vw;
      width:80vw;
      opacity:1;
        font-weight:400;
       
        margin:0 auto;
    }
  
     .contactbuttons{
    display:flex;
    gap:7vw;
    width:100%;
    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:6.5vw;
  margin:0 auto;

  opacity: .5;
}
}