@media (max-width: 920px) {
    /* Navigation */
    .navigation {
        display: none;
    }

    .mnavigation {
        display: grid;
        place-items: center;
    }

    .offcanvas {
        width: 90% !important;
    }

    .offcanvas-body, .navigation-links {
        display: grid;
        place-items: start;
        flex-grow: 0;
        gap: 20px;
    }

    .navigation-links {
        gap: 15px;
    }

    /* Welcome */
    .welcome .container {
        height: 500px;
    }

    .welcome .container .row {
        padding: 16px;
        width: 94%;
        height: 100%;
        align-items: unset;
    }

    .welcome-background {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .welcome-information {
        display: unset;
        text-align: center;
        padding-left: 15px;
        padding-top: 20px;
    }

    .welcome-title {
        font-size: 23px;
    }

    .welcome-subtitle {
        font-size: 14px;
    }

    .welcome-button {
        display: grid;
        place-items: center;
        position: absolute;
        bottom: 20px;
        left: 55px;
    }

    .welcome-button a {
        font-size: 14px;
        width: 260px;
        padding-bottom: 25px;
    }

    .welcome-button a:hover {
        width: 268px;
    }

    .welcome-decoration {
        justify-content: center;
        height: auto;
    }

    .welcome-video svg {
        height: 100px;
    }

    .drone-img {
        position: absolute;
        bottom: 170px;
        width: 200px
    }

    .welcome-video {
        right: unset;
        bottom: 65px;
    }

    .img-block {
        margin-bottom: 20px;
    }

    .img-blocks .container {
        height: auto !important;
    }

    /*  About  */
    .about {
        margin-top: 70px;
    }

    .about-company {
        font-size: 14px;
    }

    .about-title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .about-subtitle {
        font-size: 17px;
        margin-bottom: 6px;
    }

    .about-text {
        font-size: 14px;
        margin-bottom: 15px;
    }

    /*  Example  */
    .example-title {
        font-size: 23px;
        top: -27px;
    }

    /*  Area  */
    .area-description {
        font-size: 16px;
    }

    /*  Articles  */
    .article-card {
        margin-bottom: 20px;
    }

    .article-card-text {
        font-size: 19px;
    }

    /*  Contacts  */
    .contacts-information {
        margin-bottom: 20px;
    }

    .contacts-point {
        font-size: 16px;
    }

    /*  Footer  */
    footer {
        height: auto;
        padding: 20px;
    }

    footer .container {
        display: grid;
        place-items: center;
        justify-content: unset;
        gap: 20px;
    }
    .contacts-information{
        padding: 25px;
    }
}

@media (min-width: 760px) and (max-width: 920px) {
    /* Welcome */
    .welcome .container {
        height: 450px;
    }

    .welcome .container .row {
        width: 97%;
    }

    .welcome-information {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: start;
        padding-top: 0;
    }

    .welcome-button {
        position: unset;
        display: unset;
    }

    .drone-img {
        position: unset;
    }

    .welcome-video {
        bottom: 30px;
        right: 30px;
    }

    /* IMG BLOCK */
    .img-block-text {
        text-align: center;
        font-size: 14px;
    }

    /*  Areas  */
    .areas .col-md-3 {
        width: 50%;
    }

    .areas .col-md-6 {
        width: 100%;
    }

    /*  Articles  */
    .article-card-text {
        left: 20px;
    }

}

@media (max-width: 760px){
    .about-information .btn{
        width: 100%;
    }
    .area-button .btn{
        width: 100%;
    }

}