@media only screen and (max-width: 1399px) {
    .overlay-text {
        float: left;
        width: 100%;
        bottom: 3vw;
        padding: 20px 20px;
        background: #232E39;
        position: relative;
        margin: 70px 0;
    }

    .overlay-text-2 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1220px) {}

@media only screen and (max-width: 1200px) {}



@media only screen and (max-width: 1024px) {
    .up {
        margin-top: 0px !important;
    }

}


@media only screen and (max-width: 992px) {
    .bg-start {
        background: linear-gradient(to right, #232E39, #232E39 100%, #fff 0%, #fff);
    }

    h2.mobile-white,
    p.mobile-white {
        color: #fff !important;
    }

    .mobile-no {
        display: none !important;
    }

    .mobile-yes {
        display: block !important;
    }

    .mobile-bottom {
        padding-top: 5% !important;
    }
}

@media only screen and (max-width: 800px) {
    .navbar-brand img {
        width: 162px;
    }

}


@media only screen and (max-width: 774px) {}

@media only screen and (max-width: 650px) {}

@media only screen and (max-width: 630px) {}

@media only screen and (max-width: 460px) {}

@media only screen and (max-width: 457px) {}

@media only screen and (max-width: 450px) {}

@media only screen and (max-width: 425px) {}

@media only screen and (max-width: 330px) {}

/* #################### MIN-WIDTH #################################### */



@media only screen and (min-width: 1200px) {}