/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 375px) {
/* Styles */

    section.fs .container.center .title { font-size: 2em; }


}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media  screen and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media  screen and (min-width : 1224px) {
/* Styles */
    

}

@media  screen and (min-width : 950px) {
    /* Styles */
    nav, .container.center.margin, footer {
        width: 85%;
    }
    
}

@media  screen and (min-width : 601px) {
    /* Styles */
    nav, .container.center.margin, footer {
        width: 95%;
    }
    
}





@media  screen and (max-width : 700px) {

    section .cta {
        font-size: 18px;
    }

    section.fs .container.center .title { font-size: 2.5em; }
    .logo { height: 50px; width: 90px; padding: 10px 20px 10px 20px;}
    .logo img { width: 100%; height: auto; max-width: 100%; }
    /* section.txt_desc .title { font-size: 1.5rem; margin-left: 15px; } */
    section.txt_desc .image_container { height: 350px; }

    #section_three .mid-col.right .col-wrapper { margin-top: 0em; }
    #section_three .container.center.margin > .mid-col { margin-top: 0px; }

    #section_five { margin-top: 1.4rem; }


    section#section_three > .container.center, 
    section#section_five > .container.center, 
    section#section_six > .container.center, 
    section#section_seven > .container.center, 
    section#section_nine > .container.center, 
    section#section_ten > .container.center,    
    section#section_eleven > .container.center, 
    section#section_thirteen > .container.center, 
    section#section_fourteen > .container.center

    {
        position: relative;
        transform: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        -moz-transform: unset;
        margin: 0;
        z-index: 2;
        top: auto;
        left: auto;
        transform: unset;
        margin: auto;
    }

    .onepage-wrapper .section {

        width: 100%;
        min-height: 100%;
        height: auto;

    }

    #section_eleven, #section_thirteen, #section_five { min-height: 60%; }

    #section_six .mid-col.right .title { font-size: 1.5rem; top: -50px; }

    #section_seven, #section_nine { margin-bottom: 1.5rem; }
    #section_seven svg {
        width: 100%;
        left: unset;
        margin: 1em 0px;
    }

    /* Landing */
    section.txt_desc .title {
        font-size: 1.3rem;
        font-family: "eb_garamonditalic";
        margin-left: 10px;
    }

    #section_ten, #section_eleven { padding-top: 1.5rem; }
    #section_eleven .legend, #section_thirteen .legend { position: relative; width: 100%; left: unset; text-align: center; margin: 1.5rem auto; }

    #section_thirteen .legend, #section_nine .legend { max-width: 100%; float: unset;}

    #section_three .title, #section_fourteen .title { font-size: 1.5rem; }

    #section_fourteen { padding-bottom: 5em;  }
    #section_fourteen .title { top: 15%; }
    #section_fourteen .mid-col.fh.right .col-wrapper { top: 0%; }
    #section_fourteen .mid-col.fh.right { height: auto;}


    .arrow { 
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }


    .mid-col {
        width: 100%;
    }

    section#section_two {
        min-height: 80vh;
    }
    section#section_two h2, #section_nine h2 {
        margin: 0.5rem 0px;
    }

    #section_three .img_col.right { display: none; }
    #section_three .mid-col.right { text-align: center; }   
    #section_three .mid-col.right .col-wrapper, #section_three .mid-col.right .col-wrapper .subtitle { padding-left: 0px; text-align: center; }
    #section_three .mid-col.right .col-wrapper { margin-top: 3em; }
    
    #section_five .legend {
        max-width: 100%;
        float: unset;
        margin-bottom: 1.4rem;
    }

    #section_six .mid-col.right { margin-top: 3em; }
    #section_six .mid-col .legend {
        text-align: left;
        width: 100%;
    }

    #section_seven {
        height: auto;
        min-height: 120%;
    }

    #section_seven .col-three, #section_seven .col-one {
        width: 100%;
    }

    #section_seven .col-three .col-wrapper { padding-left: 0px; }
    #section_seven .col-three .col-wrapper img {width: 100%;}
    #section_seven .col-three .col-wrapper .legend { 
        font-size: 14px;
        max-width: 100%;
    }
    /* #section_seven svg {
        width: 60%;
        position: relative;
        left: 20%;
        margin: 1em 0px;
    } */

    section#section_nine { min-height: 0px; }
    section#section_nine .legend br, section#section_thirteen .subtitle br, section#section_eleven .legend br {
        display: none;
    }

    #section_ten .col-one { width: 100%; }
    #section_ten .col-one img { display : none ; }
    #section_ten .col-three { width: 100%; }
    #section_ten .col-three img { float: unset; width: 100%; position: relative; }
    #section_ten .legend { max-width: 100%; font-size: 14px; float: unset; left: 0; position: relative; text-align: center; margin: 2em 0px; }

    #section_fourteen .col-wrapper .legend { margin-top: 2.5rem; }





}

@media  screen and (max-width : 870px) {

    .hamburger { display: inline-block; position : absolute; right: 0;}
    .nav_left, .nav_right, #contact {
        display: none;
    }

    .mentions_legales, .newsletter { opacity : 0; }


}

@media  screen and (max-width : 600px) {
    /* Styles */
    nav, .container.center.margin, footer {
        width: 85%;
    }

    
    .mid-col { width: 100%; margin-top: 1.5rem;}
    .col-wrapper { padding: 0px; }
    .col-one, col-three {  width: 100%;  }
    /* #section_three { padding-bottom : 3em; } */

    #section_nine .legend { max-width: 100%;}

    
    
    
}


/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* 
position: relative;
top: 0px !important;
transform: inherit;
} */