/* ===============  page  =============== */
#page {
    position: relative;
    z-index: 100;
    background: rgb(255,255,255);
}


/* ===============  page-header  =============== */
#page-header {
    padding: 0 1em;
    padding: 0 0.625em;
    overflow: hidden;
    background: rgb(255,255,255);
}


/* ===============  page-primary  =============== */
#page-primary {
    max-height: 0;
    padding: 0 1em;
    padding: 0 0.625em;
    overflow: hidden;
    background: rgb(32,45,96);
    -webkit-transition: max-height 0.6s;
    -moz-transition: max-height 0.6s;
    -ms-transition: max-height 0.6s;
    transition: max-height 0.6s;
}

.page-1 #page-primary {
    max-height: 20em;
}


/* ===============  page-search  =============== */
#page-search {
    max-height: 0;
    padding: 0 1em;
    padding: 0 0.625em;
    overflow: hidden;
    background: rgb(32,45,96);
    -webkit-transition: max-height 0.6s;
    -moz-transition: max-height 0.6s;
    -ms-transition: max-height 0.6s;
    transition: max-height 0.6s;
}

.page-2 #page-search {
    max-height: 5em;   
}


/* ===============  page-teaser  =============== */
#page-teaser {
    overflow: hidden;
    background: rgb(255,255,255);
}


/* ===============  page-main  =============== */
#page-main {
    overflow: hidden;
    background: rgb(255,255,255); 
}

#page-content {
    padding: 0 1em 2em;
    padding: 0 0.625em 2em;
    overflow: hidden;
    background: rgb(255,255,255);
}

#page-sidebar {
    padding: 0 1em 2em;
    padding: 0 0.625em 2em;
    overflow: hidden;
    background: rgb(241,241,241);
}


/* ===============  page-secondary  =============== */
#page-secondary {
    padding: 1em;
    padding: 1em 0.625em;
    overflow: hidden;
    background: rgb(32,45,96);
}


/* ===============  page-footer  =============== */
#page-footer {
    padding: 1em;
    padding: 1em 0.625em;
    overflow: hidden;
    background: rgb(32,45,96);
}

#page-about {
    overflow: hidden;   
}

#page-social {
    overflow: hidden;   
}

#page-reviews {
    overflow: hidden;   
}


/* ===============  page-copyright  =============== */
#page-copyright {
    padding: 1em;
    padding: 1em 0.625em;
    overflow: hidden;
    background: rgb(32,45,96);
}



@media screen and (min-width: 364px) {
    
    /* ===============  page-header  =============== */
    #page-header {
        padding: 0 1em;
    }
    
    
    /* ===============  page-primary  =============== */
    #page-primary {
        padding: 0 1em;
    }
    
    /* ===============  page-search  =============== */
    #page-search {
        padding: 0 1em;
    }
    
    
    /* ===============  page-main  =============== */
    #page-content {
        padding: 0 1em 2em;
    }
    
    #page-sidebar {
        padding: 0 1em 2em;
    }
    
    
    /* ===============  page-secondary  =============== */
    #page-secondary {
        padding: 1em;
    }
    
    
    /* ===============  page-footer  =============== */
    #page-footer {
        padding: 1em;
    }
    
    
    /* ===============  page-copyright  =============== */
    #page-copyright {
        padding: 1em;
    }
    
}



@media screen and (min-width: 480px) {
    
    /* ===============  page-header  =============== */
    #page-header {
        padding: 0 2em;
    }
    
    
    /* ===============  page-primary  =============== */
    #page-primary {
        padding: 0 2em;
    }
    
    
    /* ===============  page-search  =============== */
    #page-search {
        padding: 0 2em;
    }
    
    
    /* ===============  page-main  =============== */
    #page-content {
        padding: 0 2em 2em;
    }
    
    #page-sidebar {
        padding: 0 2em 2em;
    }
    
    
    /* ===============  page-secondary  =============== */
    #page-secondary {
        padding: 1em 2em;
    }
    
    
    /* ===============  page-footer  =============== */
    #page-footer {
        padding: 1em 2em;
    }
    
    
    /* ===============  page-copyright  =============== */
    #page-copyright {
        padding: 1em 2em;
    }
    
}


@media screen and (min-width: 640px) {
    
    /* ===============  page-header  =============== */
    #page-header {
        padding: 0 3em;
    }
    
    
    /* ===============  page-primary  =============== */
    #page-primary {
        padding: 0 3em;
    }
    
    
    /* ===============  page-search  =============== */
    #page-search {
        padding: 0 3em;
    }
    
    
    /* ===============  page-main  =============== */
    #page-content {
        padding: 0 3em 2em;
    }
    
    #page-sidebar {
        padding: 1em 3em 2em;
    }
    
    
    /* ===============  page-secondary  =============== */
    #page-secondary {
        padding: 1em 3em;
    }
    
    
    /* ===============  page-footer  =============== */
    #page-footer {
        padding: 1em 3em;
    }
    
    
    /* ===============  page-copyright  =============== */
    #page-copyright {
        padding: 1em 3em;
    }
    
}


@media screen and (min-width: 800px) {
    
    /* ===============  page-header  =============== */
    #page-header {
        padding: 0 4em;
    }
    
    
    /* ===============  page-primary  =============== */
    #page-primary {
        padding: 0 4em;
    }
    
    
    /* ===============  page-search  =============== */
    #page-search {
        padding: 0 4em;
    }
    
    
    /* ===============  page-main  =============== */
    #page-content {
        padding: 0 4em 2em;
    }
    
    #page-sidebar {
        padding: 2em 4em 2em;
    }
    
    
    /* ===============  page-secondary  =============== */
    #page-secondary {
        padding: 1em 4em;
    }
    
    
    /* ===============  page-footer  =============== */
    #page-footer {
        padding: 1em 4em;
    }
    
    
    /* ===============  page-copyright  =============== */
    #page-copyright {
        padding: 1em 4em;
    }
    
}


@media screen and (min-width: 992px) {
    
    /* ===============  page  =============== */
    #page {
        width: auto;
        margin: 0 1em;
    }
    
    
    /* ===============  page-header  =============== */
    #page-header {
        padding: 0 1em;
    }
    
    
    /* ===============  page-primary  =============== */
    #page-primary {
        position: relative;
        max-height: none !important;
        padding: 0;
        background: rgb(173,186,221);
        -webkit-transition: max-height 0s;
        -moz-transition: max-height 0s;
        -ms-transition: max-height 0s;
        transition: max-height 0s;
    }
    
    
    /* ===============  page-search  =============== */
    #page-search {
        display: none;
    }
    
    
    /* ===============  page-main  =============== */
    #page-main {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    
    #page-content {
        display: table-cell;
        vertical-align: top;
        width: auto;
        padding: 0 1em 6em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #page-sidebar {
        display: table-cell;
        vertical-align: top;
        width: 20.75em;
        padding: 0 1em 6em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    
    /* ===============  page-secondary  =============== */
    #page-secondary {
        padding: 0;
        background: rgb(173,186,221);
    }
    
    
    /* ===============  page-footer  =============== */
    #page-footer {
        padding: 0;
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    
    #page-about {
        display: table-cell;
        vertical-align: top;
        width: auto;
        padding: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #page-social {
        display: table-cell;
        vertical-align: top;
        width: 10.375em;
        padding: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #page-reviews {
        display: table-cell;
        vertical-align: top;
        width: 10.375em;
        padding: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    
    /* ===============  page-copyright  =============== */
    #page-copyright {
        padding: 1em;   
    }
    
}


@media screen and (min-width: 1024px) {
    
    /* ===============  page  =============== */
    #page {
        width: auto;
        margin: 0 8em 0 0.5em;
    }
    
}


@media screen and (min-width: 1200px) {
    
    /* ===============  page  =============== */
    #page {
        width: 76.551724%;
        width: 77.333333%;
        max-width: 67.5em;
        margin: 0 auto;
    }
    
}