body {
    background-color: #333333;
    color: #999;
    font-family: 'Trade Winds' ,"Helvetica Neue", "Helvetica, Arial", sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin: 1em;
    max-width: 95%;
    text-decoration: none;
}
    
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3em;
}

h1 {
    text-align: center;
    font-size: 5em;
    color: #45d5ff;
    background-color: #eee;
    padding: 1em; 
    border-radius: .5em;
    margin: .5em auto;   
}

h2, h3 {
    text-align: center;
    font-size: 150%;
    color: #ffd965;
    background-color: #666666;
    border-radius: .8em;
    margin: 1em 10%;
    padding: .5em;
}

iframe {
    width: 30%;
    height: 60em;
}

a {
    text-decoration: none;
}

figure {
    background-color: #999;
    border-radius: .8em;
    padding: .8em 2em;
    color: #333;
}

.links {
    text-align: center;
    color: #45dfff;
    font-weight: 600;
    padding: .5em;
    background-color: #999;
    margin: .5em;
    border-radius: .25em;
    text-decoration: none;
    list-style: none;
}

a:hover {
    color: #ff0000;
}

#FloatHeader {
    position: fixed;
    float: right;
    padding: .5em 1em;
    margin-top: 0em;
    margin-left: 80%;
    z-index: 1000;
}

.block {
    background-color: #ececec;
    border-radius: 1em;
    padding: .8em;
    /*padding-top: 10px;*/
    margin: .8em;
}

.photos:hover {
    position: absolute;
    animation-name: Enlarge;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/***************************
MT WASHINGTON SPECIFC CSS
***************************/

.mtwashimg {
    max-width: 40%;
    border: solid .5em #222; 
    border-radius: 1em;
    margin: auto 1em;
}
/***************************
***************************/




@media only screen and (max-width: 600px) {
  body {
    background-color: black;
    color: red;
  }
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes Enlarge {
  from {max-width: 25%;}
  to {max-width: 35%;}
}

/* Standard syntax */
@keyframes Enlarge {
  from {max-width: 25%;}
  to {max-width: 35%;}
}
/*
    Hex:Color Choices
    Credit: Beach Punch Color Pallette from color-hex.com
    #ffd965 yellow
    #ff7490 salmon/red
    #c3aa9f brown
    #ececec light grey/white
    #45d5ff bright blue
    
*/