header.scrolled .logo,
header .logo{
    margin-top: 0;
    left: 24px;
    margin-left: -16px;
    height: 140px;
    width: 116px;
    background-color: transparent;
    background-position: 52% 50%;
    background-size: auto 75%;
    margin-left: 86px;
    margin-top: -32px;
}

header .logo:before{
    -webkit-transform: translate(-63%, -5%);
    -moz-transform: translate(-63%, -5%);
    transform: translate(-63%, -5%);
    background-size: auto 80%;
    height: 135px;
}


header .logo:after{
    height: 135px;
    -webkit-transform: translate(90%,-5%);
    -moz-transform: translate(90%, -5%);
    transform: translate(90%, -5%);
    background-size: auto 75%;
}


.row{
    min-width: 100%;
}
.row article{
    /*padding-left: 24px;
    padding-right: 24px;*/
}

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

/*
    Created on : Mar 19, 2015, Mar 19, 2015 11:24:32 AM
    Author     : Alkadia
*/

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

@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: 500px){
    body{
     font-size: 12pt;
    }
}*/

@media only screen and  (max-width: 499px) and (min-width: 240px){
    body{
        font-size: 9pt;
    }
}



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

    .mobile-menu-toggler{
        display: block;
        position: absolute;
        right: 12px;
        z-index: 2;
        background-color: rgba(255,255,255,0.8);
        border-radius: 0px;
        height: 56px;
        border: 0;
    }

    .mobile-menu-toggler svg{
        margin-top: 12px;
    }

    nav.main [data-type="menu"]{
        display: none;
    }
}

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

    nav.main.scrolled .logo {
        margin-top: -59px;
    }

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

    [data-model="cover-dots"] {
        right: 24px;
    }

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


    [data-model="cover-dots"] > li:first-child {
        margin-top: 0px;
    }

    [data-model="cover-dots"] > li:last-child {
        margin-bottom: 0px;
    }

    .content.internal > article .main {
        padding-left: 32px;
        padding-right: 32px;
    }

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

    [data-model="covers"] .slide .content > h4,
    [data-model="covers"] .slide .content > h1 {
        font-size: 5vw;
        /* margin: 0.67em 0; */
    }

    [data-model="covers"] .slide .content > h5,
    [data-model="covers"] .slide .content > h2 {
        font-size: 4vw;
    }

    [data-model="covers"] .slide .content > p {
        font-size: 2.6vw;
        /* padding-top: 1vw; */
    }

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

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

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


    .row.content.hp article > h1 {
        color: #0092F5;
        /*font-size: 2.2rem;*/
    }

    .row.content.hp article > h2 {
        color: #4a4a4a;
        /*font-size: 2.2rem;*/
    }

    /*
    # GALLERY
    ***************/
    .gallery {
        padding-left: 0px;
        padding-right: 0px;
    }

    .gallery .gallery-info {
        padding-left: 32px;
        padding-right: 32px;
    }
}