/* Smaller than 1024, Landscape iPads/Tablets */
@media screen and (max-width: 1024px) {


}


/* Smaller than 768, Portrait iPads/Tablets, Landscape Smartphones */
@media screen and (max-width: 768px) {

    ul#main-nav li {
        margin: 0px;
    }

}


/* Smaller than 480, Landscape Smartphones */
@media screen and (max-width: 480px) {

    header#header hgroup {
        height: auto;
    }

    header#header h1#logo,
    header#header h2#description {
        text-align: center;
    }

    header#header h3#contact {
        display: none;
    }

    ul#main-nav li {
        float: none;
        text-align: center;
    }

    ul#main-nav li a {
        display: block;
    }

    div#content {
        float: none;
        width: auto;
        margin: 10px 0px;
    }

    aside#sidebar {
        float: none;
        width: auto;
        margin: 10px 0px;
    }

}


/* Smaller than 320, Portrait Smartphones */
@media screen and (max-width: 320px) {

    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    header#header h1#logo {
        margin-top: 10px;
    }

    header#header h2#description {

    }

    ul#main-nav li {
        float: none;
        margin: 10px 0px;
    }

    form fieldset {
        padding: 35px 20px;
    }

}