@media screen and (max-width: 414px) {
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    #technologies_background {
        content: url("Images/mobile_technologies_background.jpg");
        margin-left: -2%;
        margin-top: -5%;
        height: calc(1050px*var(--mobile_size));
    }
    #about_us_background {
        content: url("Images/mobile_about_us.jpg");
        margin-left: -2%;
        margin-top: -4%;
        height: calc(1250px*var(--mobile_size));
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .introduction {
        margin-top: 10%;
        margin-left: 2%;
        margin-right: 2%;
        border-width: calc(10px*var(--mobile_size));
        border-radius: calc(2px*var(--mobile_size));
        box-shadow: 0 0 calc(20px*var(--mobile_size)) rgba(83, 83, 83, 0.5);
    }
    .introduction h1 {
        letter-spacing: calc(3px*var(--mobile_size));
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .technologies {
        margin-top: 10%;
    }
    .technologies h1 {
        font-size: 160%;
        margin-bottom: 4%;
        letter-spacing: calc(3px*var(--mobile_size));
    }
    .technologies article {
        margin-bottom: 2%;
    }
    .technologies p {
        line-height: calc(30px*var(--mobile_size));
        font-size: 110%;
        margin-top: 2.5%;
        margin-left: 2%;
        margin-right: 2%;
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .tile_advantages {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 20%;
    }
    .tile_advantages h1 {
        margin-left: 0%;
        font-size: 200%;
        margin-bottom: 7%;
        letter-spacing: calc(3px*var(--mobile_size));
    }
    .tile_advantages article {
        width: 100%;
        margin-left: 0%;
        margin-bottom: 1%;
    }
    .tile_advantages article img {
        width: 30%;
    }
    .tile_advantages article h2 {
        font-size: 110%;
    }
    .tile_advantages article p {
        font-size: 100%;
        line-height: calc(25px*var(--mobile_size));
    }
    /*------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------*/
    .about_us {
        margin-top: 10%;
    }
    .about_us h1 {
        font-size: 190%;
        margin-bottom: 2%;
        letter-spacing: calc(3px*var(--mobile_size));
    }
    .about_us p {
        line-height: calc(27.5px*var(--mobile_size));
        font-size: 100%;
        margin-top: 2.5%;
        margin-left: 2%;
        margin-right: 2%;
    }
}