@media screen and (max-width: 1590px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    } 
    section#advantages .row:last-child .col-6 {
        margin-left: 0;
    }
    section#advantages .col-6 div {
        padding: 0;
    }
    section#advantages img {
        width: 90%;
    }
    section#principles img {
        width: 90%;
        height: auto;
    }
    section#principles .block-1, section#principles .block-2 {max-width: none;min-height: auto;}
}

@media screen and (max-width: 1500px) {
    section#principles li {
        max-width: 100%;
    }
    section#principles li:first-child{margin-right: 0;}
}

@media screen and (max-width: 1440px) {
    section {
        padding: 40px;
    }
    .first_screen img {
        width: 90%;
    }
}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1200px) {
    section#contact .contact li p.description {
        font-size: 18px;
    }
    section#contact .contact li p.title {
        font-size: 16px;
    }
    section#contact .contact {
        margin-left: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .first_screen {
        flex-direction: column;
        text-align: center;
        padding-bottom: 60px;
    }
    header .lang,
    header .navigation {
        display: none;
    }
    header .burger-menu {
        display: block;
    }
    .first_screen .col-right {
        margin-top: 15px;
    }
    h1 {
        font-size: 44px;
        line-height: 110%;
        margin-bottom: 15px;
    }
    .first_screen p.description {
        font-size: 30px;
        line-height: 110%;
    }
    .first_screen picture {
        margin-right: 0;
    }
    .first_screen img {
        width: 100%;
    }
    .first_screen picture.col-4 {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    footer .top,
    footer .bottom {
        flex-direction: column;
        align-items: center;
    }
    footer .top .logo {
        margin-bottom: 15px;
    }
    footer .bottom p {
        margin-bottom: 15px;
    }
    footer .bottom p:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    section {
        padding: 20px;
    }
    header {
        margin: 30px 0;
    }
    section#about {
        flex-direction: column;
    }
    .col-4 {
        width: 100%;
    }
    .col-6 {
        width: 100%;
    }
    section#about .col-4 h2,
    section .row .col-4 h2 {
        margin-bottom: 15px;
    }
    section .row {
        flex-direction: column;
    }
    section#advantages hr:first-child {
        display: none;
    }
    section#advantages img {
        width: 100%;
    }
    section#advantages .row:last-child .col-6 {
        margin-top: 15px;
    }
    section {
        margin-bottom: 40px;
    }
    section#principles h2.mobile-h2 {
        display: block;
    }
    section#principles h2.desctop {
        display: none;
    }
    section#principles img {
        width: 100%;
    }
    section#principles picture {
        margin-bottom: 15px;
    }
    section#comand .column .col-5 {
        width: 100%;
    }
    section#contact iframe {
        width: 100%;
        margin-bottom: 15px;
    }
    section#contact .contact {
        margin-left: 0;
    }
    section#contact h2 {
        margin-bottom: 30px;
    }
    section#contact .contact li {
        padding: 15px 0;
    }
    footer {
        padding: 30px;
    }
}

@media screen and (max-width: 550px) {
    h1 {
        font-size: 34px;
    }
    .first_screen p.description {
        font-size: 24px;
    }
    p.title {
        font-size: 18px;
    }
    section#about hr {
        margin: 15px 0;
    }
    section#about .column {
        flex-direction: column;
    }
    section#about .column .col-5 {
        width: 100%;
    }
    section#about .column div:last-child {
        padding-left: 0;
        padding-top: 5px;
    }
    section {
        margin-bottom: 30px;
    }
    section#contact iframe {
        height: calc(100vw - 70px);
    }
    footer .navigation ul {
        flex-direction: column;
    }
    footer .navigation ul li {
        margin-right: 0;
        margin-top: 10px;
    }
    footer .bottom {
        text-align: center;
    }
}

@media screen and (max-width: 425px) {
    header{padding: 0;}
    .mobile-menu {
        width: 80%;
    }
    section#first_screen, section#contact {
        padding: 20px;
    }
    section {
        padding: 20px 0;
    }
}

@media screen and (max-width: 375px) {}