/**
 * holidays.css
 *
 * Computer Science 50
 * Final Project: National Holidayz
 *
 * Global stylesheet.
 */

@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#e8ecee; font-weight:400; color: #666666; font-family:"Lato",sans-serif;}
h1 { font-size:2.25em; text-align: center; padding:1em;}  
a { text-decoration: none; color: #888; font-size:.9em;}
p { margin-left: auto; margin-right: auto; width: 50%; line-height: 1.25em; font-size: 1.1em; ; padding:1em; text-align: center}
img { display: block; margin-left: auto; margin-right: auto;}
a:hover { color: #3476B4;}

/* Structure */

    #header {
        padding-top: 5%;
        align-items: center;
        } 

    #main {
        align-items: center;
        } 

    #footer {
        clear: both;
        position: relative;
        padding-top: 4em;
        padding-bottom: 2em;
        height: 3em;
        font-size:90%;
        text-align: center;
        }

/* Mono column setup for smaller screen */
@media screen and (max-width: 600px) {
    
    header nav, #header, #main, aside, #wikipediaLink, #below {
        font-size:75%;
        float: left;
        clear: left;
        margin: 0 0 10px; 
        width: 100%;
        }           
}