@font-face {
  font-family: myFirstFont;
  src: url(styles/fonts/Neuton-ExtraBold.ttf)format("ttf");
}

@media (min-width: 800px) {
body{
  font-family: 'Neuton';
  margin:-1px;
  padding:0px;
  font-size: 0px;
}
a {
  color: #ab1400;
}

.header {
  font-size: 20px;
  background-color:#fffafa;
  color:#40312e;
  text-align: center;
  padding: 20px;


}

.bottomLinks{
  font-size: 20px;
  background-color:#f0d3d3;
  color:#59332b;
  text-align: center;
  margin:-1px;
  padding:0px;
}

.subhead {
  font-size: 20px;
  background-color:#fffafa;
  color:#40312e;
  text-align: left;
  padding: 20px;
  border-style: solid;
  border-color: #59332b;
  margin: 100px;
  margin:100px;
}

.header1 {
  font-size: 35px;
  background-color:#fffafa;
  color:#40312e;
  text-align: center;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.animation{
   display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;


}
.headerF {
  font-size: 20px;
  background-color: white;
  color: #40312e;
  text-align: center;
  padding: 2px;
  margin-left: 160px;
  margin-right:160px;
}

.topnav {
  background-color: #fffafa;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}

/* Style the links inside the navigation bar */
.topnav a {
  font-family: 'Neuton';
  float: center;
  color: #c71a1a;
  text-align: center;
  padding: 14px 16px;
  text-decoration: underline;
  font-size: 40px;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #850c0c;
}

.column {
  float: left;
  width: 33.33%;
  color: #c71a1a;
  
}

.column3 {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.homeInfo{
  font-size:0px;
  text-align: center;
  background-color:#fffafa;
  font-size:40px;
  font-size: 0px;
}

.aboutmetxt{
  font-size:20px;
  color: #57332d;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size:20px;
  
}

.mepics{
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  padding: 20px;
  border-color: #57332d;
  border-style: double;
}
p{
    color: #57332d;
    font-size:15px;
    text-align: center;
}

.form{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}
}

@media (max-width: 799px) {
body{
  font-family: 'Neuton';
  margin:-1px;
  padding:0px;
  font-size: 0px;
}

a {
  color: #ab1400;
}

.header {
  font-size: 15px;
  background-color:#fffafa;
  color:#40312e;
  text-align: center;
  padding: 10px;


}

.bottomLinks{
  font-size: 20px;
  background-color:#f0d3d3;
  color:#59332b;
  text-align: center;
  margin:-1px;
  padding:0px;
}

.subhead {
  font-size: 15px;
  background-color:#fffafa;
  color:#40312e;
  text-align: left;
  padding: 10px;
  border-style: solid;
  border-color: #59332b;
  margin: 10px;
  margin:10px;
}

.header1 {
  font-size: 25px;
  background-color:#fffafa;
  color:#40312e;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.animation{
   display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;


}
.headerF {
  font-size: 15px;
  background-color: white;
  color: #40312e;
  text-align: center;
  padding: 2px;
  margin-left: 16px;
  margin-right:16px;
}

.topnav {
  background-color: #fffafa;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}

/* Style the links inside the navigation bar */
.topnav a {
  font-family: 'Neuton';
  float: center;
  color: #c71a1a;
  text-align: center;
  padding: 4px 6px;
  text-decoration: underline;
  font-size: 20px;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #850c0c;
}

.column {
  float: left;
  width: 33.33%;
  color: #c71a1a;
  
}

.column3 {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.homeInfo{
  font-size:0px;
  text-align: center;
  background-color:#fffafa;
  font-size:40px;
  font-size: 0px;
}

.aboutmetxt{
  font-size:15px;
  color: #57332d;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size:15px;
  
}

.mepics{
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  padding: 20px;
  border-color: #57332d;
  border-style: double;
}
p{
    color: #57332d;
    font-size:15px;
    text-align: center;
}

.form{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
/*@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}*/
}