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;
}

p {
    font-family:"Helvetica Neue", "Helvetica, Arial", sans-serif; 
}

a {
    text-decoration: none;
    color: #ffd965;

}
/******************
TABLE CSS HERE 
*******************/
table {
    border: .5em solid #45d5ff;
    border-radius: 1rem;
    background-color: #444;
}

th, td {
    padding: .5rem;
    font-size: 110%;
}

th {
    background-color: #222;
    color: #ccc;
    font-size: 120%;
}
/******************
TABLE CSS END
*******************/
figure {
    background-color: #999;
    border-radius: .8em;
    padding: .8em 2em;
    color: #333;
    float: right;
}

.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;
}

.Header {
    font-size: 100%;
    text-align: none;
    position: fixed;
    padding: .5em .5em;
    max-width: 100%;
    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;
}
/***************************
***************************/

/* 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
    
*/