/* Large desktops and laptops */
@media (max-width: 1200px) {

}


/* Large desktops and laptops */
@media (min-width: 1200px) {

}

@media (min-width: 1250px) {

}

@media (max-width: 1100px) {

}

@media (max-width: 1200px) {


}

@media (max-width: 991px) {


}

/*Portrait tablets and small desktops*/
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

@media (max-width: 580px) {

    .cartel {
        top: 110%;
    }

    .cartel-column.illustration {
        width: 50%;
        margin-top: 0%;
        text-align: center;
    }

    .cartel-column.content-text {
        width: 50%;
    }

    .cartel .title {
        font-size: 18px;
        line-height: 22px;
    }

    .cartel .text {
        font-size: 14px;
        line-height: 19px;
    }

    .intro-title {
        font-size: 39px;
        line-height: 41px;
    }

    .intro-text {
        margin-top: 15px;
        font-size: 17px;
        line-height: inherit;
    }

    .plane .cta-container {
        top: -17px;
    }

    .immeuble .cta-container {
        top: -17px;
    }

    .train .cta-container {
        top: -17px;
    }

    .supermarket .cta-container {
        top: -17px;
    }

    .house .cta-container {
        top: -17px;
    }

    .car .cta-container {
        top: -17px;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    .cartel-column.illustration {
        margin-top: 5%;
    }

    .intro-title {
        font-size: 30px;
        line-height: 34px;
    }
    .intro {
        top: 110px;
        padding: 0;
    }
    .intro-text {
        margin-top: 10px;
        font-size: 13px;
        line-height: inherit;
    }

    .plane .cta-container {
        top: -19px;
    }

    .immeuble .cta-container {
        top: -19px;
    }

    .train .cta-container {
        top: -19px;
    }

    .supermarket .cta-container {
        top: -19px;
    }

    .house .cta-container {
        top: -19px;
    }

    .car .cta-container {
        top: -19px;
    }
}

@media (max-width: 380px) {

    .intro {
        top: 71px;
        padding: 0;
    }
    .intro-title {
        font-size: 22px;
        line-height: 22px;
    }
    .intro-text {
        margin-top: 10px;
        font-size: 12px;
        line-height: inherit;
    }
    div#logo img {
        height: 45px;
    }

    .cartel-column.illustration {
        margin-top: 13%;
    }

    .cartel {
        top: 160px;
    }

    .plane .cta-container {
        top: -24px;
    }

    .immeuble .cta-container {
        top: -24px;
    }

    .train .cta-container {
        top: -24px;
    }

    .supermarket .cta-container {
        top: -24px;
    }

    .house .cta-container {
        top: -24px;
    }

    .car .cta-container {
        top: -24px;
    }
}