body {

    background-color: #FFFED4;
    margin: 0%;
  }

  @font-face {
    font-family:"Bonbance";
    src: url(Bonbance-BoldCondensed.otf);
  }
   
    @font-face {
        font-family:"LT-Museum";
        src: url(LTMuseum-Medium.ttf);
    }

    @font-face {
        font-family:"LT-Museum-Italic";
        src: url(LTMuseum-MediumItalic.ttf)
    }
  
  h1 {
    font-family: "Bonbance";
    color: #193016;
    text-align: left;
    padding-left: 215px;
    padding-top: 100px;
    font-size: 50px;
   letter-spacing: -2px;
  }

  h2 {
    font-family: "Bonbance";
    color:#FFFED4;
    text-align: left;
    padding-left: 215px;
    padding-top: 100px;
    font-size: 50px;
    letter-spacing: -2px;
   
  }

  
  #one {
    font-family:"LT-Museum";
    font-size: 20px;
    padding-top: 15px;
    padding-right: 215px;
    padding-bottom: 25px;
    padding-left: 215px;
    color: #193016;
  }

  #two {
    font-family:"LT-Museum";
    font-size: 20px;
    padding-top: 15px;
    padding-right: 215px;
    padding-bottom: 15px;
    padding-left: 215px;
    color:#FFFED4;
  }
  #twosmall {
    font-family:"LT-Museum";
    font-size: 15px;
    padding-top: 25px;
    padding-right: 215px;
    padding-bottom: 25px;
    padding-left: 215px;
    color:#FFFED4;
  }

  #twoquote {
    font-family:"LT-Museum-Italic";
    font-size: 20px;
    font-style: italic;
    padding-top: 25px;
    padding-right: 215px;
    padding-bottom: 25px;
    padding-left: 215px;
    color:#FFFED4;
  }

  #three {
    font-family:"LT-Museum";
    font-size: 20px;
    padding-top: 25px;
    padding-right: 215px;
    padding-bottom: 25px;
    padding-left: 215px;
    color:#ff4000;
  }

  li {
    display:inline-flex;
    color: #FFFED4;
  }

  ul {
    background-color: #000000;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #0c0c0c;
    text-align: center;
    font-size: larger;
  }

  
  li a {
    display: block;
    color:#FFFED4;
    text-align: center;
    padding: 14px 50px;
    text-decoration: none;
    font-family: "LT-Museum";
  }
  
  
  li a:hover {
    background-color: #000000;
  }

  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    height: auto;
  }
  .hero-image {
    background:url(Images/hero\ image.gif);
    background-size:cover;
    background-repeat: no-repeat;
    height: 85vh;
    max-width: 100%;
  }

  .drawing-img {
  max-width: 30%; 
  height: auto;
  display: block;
  margin-left: auto;
  margin-right:auto
  }
    

.block {
width: 100%;
min-height: 450px;
background-color: #193016;


}

.blocktwo {
    width: 100%;
    min-height: 1000px;
    margin: 50px auto; 
    background-color: #193016;
    
    }

    .blockthree {
        width: 100%;
        min-height: 700px;
        margin: 50px auto; 
        background-color: #193016;
        
        }
        
footer {
    text-align: center;
    background-color: #000000;
    height: 150px;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;

}    

a.one:link {
    color:#FFFED4;
    background-color: transparent;
    text-decoration: none;
  }
  
  a.one:visited {
    color:#FFFED4;
    background-color: transparent;
    text-decoration: none;
  }
  
  a.one:hover {
    color: rgb(255, 64, 0);
    background-color: transparent;
    text-decoration: none;
  }

  a.two:link {
    color:#193016;
    background-color: transparent;
    text-decoration: none;
  }
  
  a.two:visited {
    color:#193016;
    background-color: transparent;
    text-decoration: none;
  }
  
  a.two:hover {
    color: rgb(255, 64, 0);
    background-color: transparent;
    text-decoration:none;
  }

  blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
    color: #ff4000;
  }

  .dropcap {
    font-family: "Bonbance";
    color: #193016;
    text-align: left;
    padding-left: 0px;
    font-size: 50px;
   letter-spacing: -2px;
  }


  .lastblock {
    padding-bottom: 100px;
    padding-top: 0px;
      }

     @media (max-width:824px) {
h1{
    font-size: 40px;
}

h2 {
    font-size: 40px;
}

.dropcap {
    font-size: 40px;
}


#one {
    font-size: 15px;
}

#two {
    font-size: 15px;
}

#twosmall {
    font-size: 15px;
}

#twoquote {
    font-size: 15px;
}

#three {
    font-size: 15px;
}

img {
    max-width: 50% ;

}

.hero-image {
    background:url(Images/hero\ image.gif);
    background-size:cover;
    background-repeat: no-repeat;
    max-height: 60vh;
    max-width: 100%;
  }

.drawing-img {
    max-width: 30%; 
    height: auto;
    display: block;
    margin-left: auto;
    margin-right:auto
     }

     li a {
        max-width: 20px;
        font-size: 15px;
    }

}

@media (max-width:428px) {
    h1{
        font-size: 30px;
        padding-left: 28%;
    }
    
    h2 {
        font-size: 30px;
        padding-left: 28%;
    }
    
    .dropcap {
        font-size: 30px;
        padding-left: 0%;
    }
    
    
    #one {
        font-size: 10px;
        padding-left: 28%;
        padding-right: 28%;
    }
    
    #two {
        font-size: 10px;
        padding-left: 28%;
        padding-right: 28%;
    }
    
    #twosmall {
        font-size: 10px;
        padding-left: 28%;
        padding-right: 28%;
    }
    
    #twoquote {
        font-size: 10px;
        padding-left: 28%;
        padding-right: 28%;
    }
    
    #three {
        font-size: 10px;
        padding-left: 28%;
        padding-right: 28%;
    }
    
    img {
        max-width: 200px ;
    
    }

    .hero-image {
        background:url(Images/hero\ image.gif);
        background-size:cover;
        background-repeat: no-repeat;
        min-height: auto;
       max-width: auto;
      }
    
    .drawing-img {
        max-width: 20%; 
        height: auto;
        display: block;
        margin-left:25%;
        margin-right:auto
         }
    
         li a {
            max-width: 10px;
            font-size: 10px;
        }

    }