/* ------------------------------- */
/* --------- Responsive --------- */
/* ----------------------------- */

@media screen and (max-width: 1100px) {
    body{
        flex-direction: column;
    }



    /* --------------------------- */
    /* --------- Header --------- */
    /* ------------------------- */



    .main-informations{
        height: auto;
    }

    .main-informations:before {
        content:"";
        position:absolute;
        top: 0;
        bottom: 0;
        left: -50px;
        box-shadow: 0 40px 60px #253bb8;
    }

    h4, ul{
        font-size: 1em;
    }



    /* ---------------------------- */
    /* --------- Content --------- */
    /* -------------------------- */


    .gallery {
        top: 100px;
        left: 0;
        font-size: 1.25em;
    }

    .gallery div {
        width: 40%;
    }

    footer p{
        font-size: 1em;
    }

}

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

    .gallery div {
        width: 80%;
    }

    footer p{
        font-size: 0.75em;
    }

}