/*Global Page*/
body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.3em;
    -webkit-font-smoothing: antialiased;
    background-color: silver;
    width: 100%;
    height: 100%;
    margin: auto; }

/*Change the font on larger devices*/
@media all and (min-width: 480px) {
    body { font-size: 2em; }
}

@media all and (min-width: 1024px) {
    body { font-size: 2.5em; }
}

/*Header*/
header { width: 100%; }
header article { background-color: orange; 
    padding: 5%; }

/*Main element content*/
#main { width: 90%;
    padding: 1% 5%; }

/*CSS to keep the slideToggle from causing elements to jump around*/
.nojump { padding-top: 0.2px; }
.nojump p { margin-bottom: -2px; }

/*Footer*/
footer { width: 90%;
    padding: 15px 5%;
    font-size: 0.8em; }