/*
    Created on : Mar 19, 2015, Mar 19, 2015 11:24:32 AM
    Author     : Alkadia
*/
@media only screen and (max-width: 1000px) {

    .row {
        min-width: 320px !important;
    }

    footer.row article,
    .row.pagetools article {
        padding-left: 0;
        padding-right: 0;
    }

    .row > article {
        padding-left: 12px;
        padding-right: 12px;
    }

    .row.gallery > article {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .row.gallery .gallery-info {
        width: 90%;
        margin: 0px auto;
    }

    [data-model="cover-dots"] > li {
        width: 12px;
        height: 12px;
    }

    /*
    # COVERS
    *********************/
    [data-model="covers"] .slide.center {
        font-size: 2vw;
    }

    [data-model="covers"] .slide .content > h1 {
        font-size: 5vw;
    }

    [data-model="covers"] .slide .content > h2 {
        font-size: 5rem;
    }

    [data-model="covers"] .slide .content > p {
        font-size: 3rem;
    }

    /*
    # FOUR SQUARE
    *******************/
    .row.foursquare {
        min-height: 420px;
    }

    .row.foursquare article > h1 {
        padding-left: 38px;
        padding-right: 32px;
    }

    .row.foursquare article > p, .row.foursquare article > h2 {
        padding-left: 36px;
        padding-right: 36px;
    }

}

@media only screen and (max-width: 980px) and (min-width: 900px){
    body{
        font-size: 1.9em;

        padding-bottom: 32px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 700px){
    body{
        font-size: 1.7em;
    }
}

@media only screen and (max-width: 700px) and (min-width: 500px){
    body{
        font-size: 1.7em;
    }
}

@media only screen and  (max-width: 699px) and (min-width: 240px){
    body {
        overflow-x: hidden;
    }

}

@media only screen and  (max-width: 980px) and (min-width: 240px){
    nav.main{
        margin: 32px 32px 0 32px ;
        width: auto;
    }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    header .logo{
        margin-top: -32px;
    }
    .row.cover{
        min-height: 80vh;
        height: calc(100vh - 56px);
    }
}

/* Portrait and Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation:landscape) {
    .row.cover{
        min-height: 50vh;
        height: calc(90vh - 56px);
    }
}