@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 1/2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    body {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 1921px) {
    /* =========================================== General */
    * {
        font-size: 1.28rem;
    }
    .h1,
    h1,
    h1 span {
        font-size: 3.5rem;
    }

    .h2,
    h2,
    h2 span {
        font-size: 3rem;
    }

    .h3,
    h3,
    h3 span {
        font-size: 2.7rem;
    }

    .h4,
    h4,
    h4 span,
    h4 u {
        font-size: 2.3rem;
    }

    .h5,
    h5,
    h5 span {
        font-size: 1.75rem;
    }

    .btn {
        font-size: 1.5rem;
    }
    .h2.label,
    .btn-booom {
        font-size: 2rem;
    }

    /* =========================================== Home */
    .B {
        left: -40%;
        margin-top: 0%;
        position: relative;
    }
    .B img {
        width: 100%;
    }
    .work .h1 {
        font-size: 3.2rem;
    }

    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        bottom: -50%;
    }
    .logo-float img {
        width: auto !important;
    }
    /* =========================================== Contact */
    ul.buttons li a.btn {
        width: 230px;
    }
}

@media screen and (max-width: 1920px) {
    /* =========================================== General */

    /* =========================================== Home */
    .B {
        left: -60%;
        margin-top: -10%;
        position: relative;
    }

    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        bottom: -50%;
    }
    .logo-float img {
        width: auto !important;
    }
    /* =========================================== Contact */
}

@media screen and (max-width: 1680px) {
    /* =========================================== General */

    /* =========================================== Home */
    .B {
        left: -65%;
        margin-top: -15%;
        position: relative;
    }

    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        bottom: -45%;
    }
    /* =========================================== Contact */
}

@media screen and (max-width: 1440px) {
    /* =========================================== General */

    /* =========================================== Home */
    .B {
        left: -70%;
        margin-top: -17.5%;
        position: relative;
    }

    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */

    /* =========================================== Contact */
}

@media screen and (max-width: 1280px) {
    /* =========================================== General */

    /* =========================================== Home */
    .title h1 {
        font-size: 60px;
        line-height: 56px;
    }
    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        width: 100%;
        bottom: -40%;
    }
    .logo-float img {
        width: 50% !important;
    }
    /* =========================================== Contact */
}

@media screen and (max-width: 990px) {
    /* =========================================== General */
    .p-10 {
        padding: 20px 60px;
    }
    /* =========================================== Home */
    .title {
        display: flex;
        justify-content: flex-start;
    }
    .title h1 {
        font-size: 50px;
        line-height: 46px;
    }
    .inner-page .title h1 {
        font-size: 48px;
        line-height: 54px;
    }
    .B {
        left: -300%;
        margin-top: -20%;
        position: relative;
    }
    .B img {
        width: 400%;
    }
    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        width: 100%;
        bottom: -35%;
    }
    /* =========================================== Contact */
}

@media screen and (max-width: 768px) {
    /* =========================================== General */
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2;
    }
    .dynamic-lines {
        display: none;
    }
    .p-10 {
        padding: 40px 50px;
    }
    .navbar-icon {
        justify-content: center !important;
    }
    .navbar-links {
        justify-content: left !important;
    }
    .inverso,
    .inverso .row {
        flex-direction: column-reverse;
    }
    header .logo {
        height: 32.5px;
    }
    footer h1 {
        font-size: 32px;
    }
    .context-menu .menu-button {
        top: 30px;
        right: 30px;
    }
    /* =========================================== Home */
    .title h1 {
        font-size: 40px;
        line-height: 35px;
    }
    .inner-page .title h1 {
        font-size: 38px;
        line-height: 42px;
    }
    .B {
        left: -300%;
        margin-top: -20%;
        position: relative;
    }
    .B img {
        width: 500%;
    }
    .slider .go-down {
        bottom: auto;
        margin-top: 150% !important;
    }
    .formula .cover-cont {
        align-items: stretch !important;
    }
    .work .project:not(.main) {
        display: none;
    }
    .work .project p {
        font-size: 36px;
    }
    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        width: 100%;
        bottom: -30%;
    }
    .logo-float img {
        width: 75% !important;
    }
    /* =========================================== Contact */
    .contact .label {
        font-size: 1.5rem;
    }
    ul.buttons li a.btn {
        width: 125px;
    }
}

@media screen and (max-width: 576px) {
    /* =========================================== General */
    .p-10 {
        padding: 40px 35px;
    }
    /* =========================================== Home */
    .B {
        left: -350%;
        margin-top: -15%;
        position: relative;
    }
    .B img {
        width: 500%;
    }
    .context-menu .menu-button {
        top: 20px;
        right: 10px;
    }
    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */

    /* =========================================== Contact */
}

@media screen and (max-width: 480px) {
    /* =========================================== General */
    body {
        font-size: 0.8rem;
    }
    .p-10 {
        padding: 40px 20px;
    }
    /* =========================================== Home */
    .B img {
        width: 820%;
    }
    .context-menu .menu-button {
        top: 15px;
        right: 0;
    }
    .work .project p {
        font-size: 32px;
    }
    .go-down {
        right: 50%;
    }
    /* =========================================== About Us */

    /* =========================================== Projects */

    /* =========================================== Services */
    .logo-float {
        width: 100%;
        bottom: -17.5%;
    }
    .logo-float img {
        width: 90% !important;
    }
    /* =========================================== Contact */
}

@media screen and (max-width: 390px) {
    .context-menu .menu-button {
        right: -2px;
    }
}

@media screen and (max-width: 320px) {
    .context-menu .menu-button {
        right: -7.5px;
    }
}