@media screen and (max-width: 1680px) {
    h1 {
        font-size: 48px;
    }
    h3 {
        font-size: 22px;
    }
    p {
        font-size: 16px;
    }
    .facts_blocks--item h1 {
        font-size: 80px;
    }
    .facts_blocks--item {
        top: 15%;
    }
    .facts_blocks--item p {
        max-width: 250px
    }
}

@media screen and (max-width: 1440px) {
    .facts_blocks {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .facts_blocks > .facts_blocks--square:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    } 
    .facts_blocks > .facts_blocks--square:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    } 
    .facts_blocks > .facts_blocks--square:nth-child(3) {
        grid-column: 3;
        grid-row: 1;
    } 
}

@media screen and (max-width: 1180px) {
    .facts {
        background-image: none;
    }
    .facts_blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .facts_blocks--square {
        width: 24.9%;
        border: 1px solid #f3f3f3;
    }
}

@media screen and (max-width: 810px) {
    #app div.bottom--content p[data-v-a1538c3a]{
        order: -1;
    }
}

@media screen and (min-width:768px) and (max-width: 992px) {
    #app li {padding:50px 5px !important;} 
}
@media screen and (max-width: 768px) {
    .facts_blocks--square {
        min-width: 400px;
    }
}

@media screen and (max-width: 578px) {
    .facts_blocks--square {
        min-width: 350px;
    }
    .banner__desktop--image{
        width:100%;
    }
     .banner__content h4{
        font-size: 11px;
        line-height: 13.19px;
     }
     .banner--logo{
        background-image:url(../images/white_mobile_logo.png);
        background-repeat: no-repeat;
        height: 18px;
        width: 20px;
     }
    .banner__content--logolines::after, .banner__content--logolines::before {
        width: 47%;
    }
    .banner__content h1{
        font-size: 55px;
        font-weight: 400;
        line-height: 43.68px;
    }
    .banner__content--logolines{
        margin:25px auto 25px auto;
    }
    .banner__content{
        padding:100px 0;
    }
    .administration__title h2{
        font-size: 35px;
        font-weight: 400;
    }
    .banner__content--logolines::after, .banner__content--logolines::before {
        width: 45%;
    }
}

@media screen and (max-width: 430px) {
    .facts_blocks--item h1 {
        font-size: 70px;
    }
    .facts_blocks--square {
        min-width: 310px;
    }
}