﻿body {
}

@media(max-width:768px) {

    body {
        font-size: 4.5vw !important;
        line-height: 1.3;
    }

    .s96-opaqueblock {
        background: rgb(66,164,255);
        background: linear-gradient(90deg, rgba(66,164,255,1) 0%, rgba(66,164,255,0.8) 70%, rgba(66,164,255,0) 100%);
    }

    .s96-imageblock {
        background-position: top right !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        /*height: 150vw !important;
        max-height: 150vw !important;*/
        background-image: url(/images/man-mobile.jpg);
    }

    .s96-section-header {
        font-family: GilroyExtraBold !important;
        font-size: 8vw !important;
        color: #000 !important;
        text-transform: uppercase !important;
    }

    .s96-section-header-smaller {
        font-family: GilroyExtraBold !important;
        font-size: 6vw !important;
        color: #000 !important;
        text-transform: uppercase !important;
        text-align: left !important;
    }

    .s96-p5 {
        padding-top: 9vw !important;
        padding-bottom: 9vw !important;
    }

    .s96-white-line {
        height: 4px !important;
        background-color: #fff !important;
    }

    .s96-blue-line {
        background: rgb(132,210,252);
        background: linear-gradient(90deg, rgba(132,210,252,1) 0%, rgba(99,188,255,1) 43%, rgba(72,169,255,1) 100%);
        height: 4px !important;
    }

    .s96-button {
        color: #000 !important;
        font-family: GilroyBold !important;
        font-size: 1.2vw !important;
        background-color: #fff !important;
        border-radius: 10px !important;
        min-height: 10vw !important;
        font-size: 6vw !important;
    }

    .s96-button-empty {
        color: #fff !important;
        border: solid 2px #fff !important;
        font-family: GilroyBold !important;
        font-size: 1.2vw !important;
        background-color: transparent !important;
        border-radius: 10px !important;
        min-height: 10vw !important;
        font-size: 6vw !important;
    }

    .s96-block-content {
        min-height: 150vw !important;
        padding: 20px !important;
    }

    .s96-number {
        font-family: GilroyBold !important;
        color: rgb(66, 164, 255) !important;
        line-height: 1 !important;
        font-size: 7vw !important;
        width: 10vw !important;
        max-width: 10vw !important;
    }

    .s96-phones {
        /*height: 145%;*/
        position: absolute;
        /*left: -13vw !important;*/
        /*height: 130vw !important;*/
        max-height: 130vw !important;
        top: -40vw !important;
        width: 90% !important;
    }

    .s96-bold {
        font-family: GilroyBold !important;
    }

    .s96-border-box {
        border: rgb(196,196,196) 2px solid !important;
        border-radius: 10px !important;
    }

    .line-1 {
        width: 60% !important;
    }

    .line-2 {
        width: 35% !important;
    }

    .app-icons {
        height: 7vw !important
    }

    #btn-team {
        width: 80% !important;
    }

    #btn-about {
        width: 60% !important;
    }

    .s96-girl {
        padding-top: 0 !important;
    }

    .s96-phones-content {
        min-height: 50vw !important;
    }

    #s96-block-team {
        margin-top: 40vw !important;
    }
}
