*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.navbar{
   background-color: gray;
  overflow: auto;
  padding: 20px;
}
.nav-links{
   float: right;
   margin: 15px;
}
.logo{
   width: 15%;
   float: left;
}
.logo img{
   width: 100%;
}
.nav-links ul{
   list-style: none;
}
.nav-links ul li{
   float: left;
   margin: 0 20px;

   color: white;
}
.one{
    background-image: url(images/drew-coffman-1872.jpg);
    background-size: 100%;
    width: 100%;
    height: 100vh;
    margin: auto;
    overflow: hidden;
    
}

.two{
    width: 60%;
    height: 50%;
    margin: auto;
    margin-top: 10%;
    text-align: center;
    display: block;
}
.two p{
    font-family:"Alegreya Sans"; 
    font-size: 24px;
    margin: 30px 0px;
}
.two h1{
    font-size: 76px;
}
.three{
    width: 700px;
    height: 68px;
    text-align: center;
    margin-top: 30px;
    margin: auto;

}

.four{
    background-color: #8e7754;
    width: 131.844px;
    height: 56px;
    border: 2px solid white transparent;
    padding: 15px 28px;
    margin: auto;
    text-align: center;
    text-decoration: none;

}
.five{
    background-color: #00000000 ;
   width: 131.844px;
   height: 56px;
   border: 2px solid white transparent;
   padding: 15px 28px;
   text-align: center;
   text-decoration: none;
   color: white;
}
.six{
    width: 131.844px;
    height: 56px;
    border: 2px solid #9b8264 transparent;
    text-decoration: none;
    color: white; 
}

 
.eight{
    width:88% ;
    margin: auto;
    overflow: auto;
    margin-top: 5%;
}
.nine{
    width: 50%;
    float: left;
}
.nine img{
    width: 100%;
}
.ten{
   float: left;
    width: 50%;
}
.ten h2{
    font-family: "Alegreya";
   font-size:32px;
   margin: 5% 10%;
}
.ten p{
    font-family: 'Alegreya Sans';
   font-size:17px;
   margin-left: 10%;

}

.ten li{
   font-family:'Alegreya Sans', sans-serif;
   font-size:17px;
   display:inline;
   margin-left: 10%;
   
}

.eleven{
   width: 100%;
   margin: auto;
   overflow: auto;
   background-color: rgb(241, 241, 241);

}
.twilve{
    width:88% ;
    margin: auto;
    margin-top: 5%;
}
.thirteen{
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.thirteen h2{
    font-family: "Alegreya";
   font-size:32px;
   margin: 5% 0px;
}
.thirteen p{
    font-family: 'Alegreya Sans';
    font-size:17px;
    margin-right: 10%;
}

.fourteen{
    width: 50%;
    float: left;
    margin-bottom: 30px;
}
.fourteen img{
    width: 100%;
}
.fifteen{
   width: 100%;
   text-align: center;
   overflow: auto;
}
.fifteen h3{
   font-family: "Alegreya";
   font-size: 30px;
   padding: 8px;
   margin: 8px;
}
.fifteen p{
   font-family: "Alegreya Sans";
   font-size: 17px;
}
.sixteen{
    width: 88%;
    margin: auto;
    margin-top: 2%;
}
.sixteen img{
    width: 100%;
}    
.seventeen{
    padding: 20px;
   width: 33%;
   overflow: auto;
   float: left;
}
.eighteen{
    padding: 20px;
   width: 33%;
   float: left;
   overflow: auto;
}
.nineteen{
    padding: 20px;
   width: 33%;
   float: left;
   overflow: auto;
}
.twenty{
   width: 100%;
   overflow: auto;
}
.twenty-one{
   width: 88%;
   margin:auto;
   margin-top:70px  ;
}
.twenty-two{
   width: 50%;
   float: left;
   margin-bottom: 20px;
}
.twenty-two h2{
   font-family: 'Alegreya', serif;
   font-size:32px;
   padding: 30px;
}
.twenty-two p{
   font-family: 'Alegreya Sans', sans-serif;
   font-size:17px;
   padding-left: 30px;
}
.twenty-two li{
   font-family:'Alegreya Sans', sans-serif;
   font-size:17px;
   display:inline;
   padding-left: 30px;

}
.twenty-three{
   width: 50%;
   float: left;
}
.twenty-three iframe{
   width: 100%;
   height: 100%;
   border: none;
}
.twenty-four{
   background-color: #403d38;
   width: 100%;
   height: 72%;
   overflow: hidden;
}
.twenty-five{
   background-color: #403d38;
   width: 22%;
   height: 100%;
   margin: auto;
   display: inline-block;
   margin-left: 2%;
   color: #ffffff;
   overflow: hidden;
}
.twenty-five h2{
   font-family: "Alegreya";
   margin: 15% 0px;
   font-size: 18px;
   font-style: inherit;
}
.twenty-five p{
   font-size: 16px;
   color: #969696;
}

.twenty-five a{
   color:#969696;
   text-decoration: none;
}
.twenty-five li{
   color: #969696;
   margin: 2px 0px;
   border-bottom: solid #969696 0.1px;

}
.twenty-five ul{
   color: #969696;
   border-bottom: solid #969696 0.5px;

}
.twenty-six{
   background-color: #353330;
   width: 100%;
   height: 50%;
   overflow: hidden;
}
.twenty-six img{
   margin: auto;
   display: flex;
   margin-top: 4%;
}
.twenty-six p{
   text-align: center;
   color:#969696 ;
}
@media (max-width:800px) and (min-width:600px)
{
   .nine,.ten, .thirteen, .fourteen, .twenty-two, .twenty-three{
      width: 100%;
   }

   

}
@media (max-width:599px)
{
   .nine,.ten,.thirteen, .fourteen, .twenty-two, .twenty-three{
      width: 100%;
   }
}
@media (max-width:800px) and (min-width:600px)
{
   .seventeen, .eighteen, .nineteen{
      width: 50%;
   }
}
@media (max-width:599px)
{
   .seventeen, .eighteen, .nineteen{
      width: 100%;
   }
}