/* ================================ */
/* By Atypic - www.atypic.be
/* ================================ */

/* LG */
@media (min-width:1200px) {

}

/* MD */
@media only screen and (max-width : 1199px) {

}
@media only screen and (max-height : 800px) {
    #head {
        min-height: 300px;
        background-position: 50% 43%;
    }
}

/* SM */
@media only screen and (max-width : 991px) {

    body {
        /*line-height: 1.2;*/
        font-size: 1.6rem;
    }
    h1,.h1 {
        font-size: 2.9rem;
    }
    h2,.h2 {
        font-size: 2.7rem;
    }
    h3,.h3 {
        font-size: 2.5rem;
    }
    h4,.h4 {
        font-size: 2.3rem;
    }
    h5,.h5 {
        font-size: 2.1rem;
    }
    h6,.h6 {
        font-size: 1.9rem;
    }

    #head {
        min-height: 0;
        position: relative;
        background-size: cover;
    }
    /*body:not(.home) #head *:not(input):not(textarea):not(email):not(button):not(select) {*/
        /*color: #fff;*/
    /*}*/
    body:not(.home) #head > div > :not(.bg-white) {
        color: #fff;
    }
    body:not(.home) #head::after {
        display: block;
    }
    section#head + section {
        margin-top: 0;
    }
    #easyuse-gallery {
        margin-top: 0;
    }
    .video-container {
        margin: 20px auto;
    }
    #bykewlox .steps {
        font-size: .9em;
    }
    #bykewlox .step-column:nth-child(1) {
        order: 1 !important;
    }
    #bykewlox .step-column:nth-child(2) {
        order: 2 !important;
    }
    #bykewlox .step-column:nth-child(3) {
        order: 3 !important;
    }
    #bykewlox .step-link {
        margin-bottom: 25px;
    } 
    #bykewlox .step-number {
        margin: 0;
        font-size: 3em;
        text-align: left;
        display: inline-block;
    }
    #bykewlox .padding-30  {
        padding: 0;
    }

    #bykewlox .step-number::after {
        height: 5px;
        width: 40px;
        margin-left: -20px;
    }

    #bykewlox .step-content {
        margin-bottom: 25px;
        padding: 0;
    }
    #footer {
        font-size: 1em;
    }
    #footer .h2 {
        margin-top: 20px !important;
    }

    aside {
        order: 99;
    }
}

/* XS */
@media only screen and (max-width : 767px) {
    /*body {*/
        /*background: url(../img/carousel/bg-neuf.jpg) no-repeat 50% 0;*/
    /*}*/
    #head #squares ul {
        width: 100%;
        background: rgba(255,255,255,.8);
    }

    #head #squares strong {
        display: inline;
        line-height: 1.1;
    }


    input:not([type="button"]):not([type="submit"]),
    textarea,
    select {
        background-color: #f5f5f5;
    }

    #newsletter form {
        margin-top: 25px;
    }
    #newsletter button {
        width: 100%
    }
    #advantages figure img {
        height: 50px;
    }
    #advantages figure figcaption {
        margin-bottom: 40px;
    }
/*    .grid img {
        max-width: none;
        width: 100%;
    }*/
    #contact > div:first-child {
        order: 98;
    }
    #contact > div:last-child {
        order: 99;
    }
    #contact textarea {
        min-height: 200px;
    }
}

/* Other little things  */ 
@media only screen and (max-width : 480px) {


}