/*
  brown: #804000
  tan:   #FFD0A6
  __:    #F4C494
*/


html,h1,h2,h3,h4,h5 {
   font-family: "Orbitron", sans-serif;
   color: #FFD0A6; 
   background-color: #804000;
}

body {
   max-width: 1100px;
   margin: 0 auto;    /* for center alignment */
}

p,label,td,th {
   font-family: "Raleway", sans-serif;
}

a {
   text-decoration: none;
   color: #804000;
}

b {
    font-family: "Raleway", sans-serif;
    background-color: black; 
    color: #F4C494;
    border-radius: 5px;
    padding: 5px;
    /* margin: 8px; */
}

hr {
   color: "#FFDOA6";
}

.menu {
    font-family: "Orbitron", sans-serif;
    background-color: #F4C494; 
    color: #804000;
    border-radius: 5px;
    font-size: 18px;
    padding: 8px;
    margin: 5px;
    text-decoration: none;
}
 
.hero {
    align:"right";
    margin: 25px;
}

.hero-pic {
    border:"0";
/*    height:500px;  */
    width:auto; 
    height:auto;
    margin-top: 10px;
    margin-Right: 10px;
    border-radius: 15px;
}

.caption {
    font-size:10px;
    margin-Right: 10px;
}

.portrait {
    border:"0";
    align:"center";
    height:200px;
    border-radius: 15px;
    margin: 25px;
}

@media screen and (max-width: 600px) { 
  #turnit {
    display: block;
  }
}

@media screen and (min-width: 601px) {
    #turnit {
      display: none;
    }
}