.content img {
    max-width: 100%;
    height: auto;
}
.topBlock_button {
    margin-top: 15px;
}
.topBlock_button > a {
    margin-top: 20px;
}
.page .topBlock {
    background-size: cover;
}
.topBlock {
    /* min-height: 340px; */
    height: auto;
    padding-bottom: 60px;
}
#menu {
    width: auto;
    background: rgb(244,245,245);
background: linear-gradient(180deg, rgba(244,245,245,1) 0%, rgba(216,220,228,1) 100%);
height: auto;
}
#menu li {
    padding: 0 16px;
    position: relative;
}
#menu li.last,
#menu li:last-child {
    background: none;
}
#menu ul {
    top: 100%;
    min-width: 150px;
}
.content {
    margin-top: 20px;
    margin-bottom: 30px;
}
footer {
    margin-top: 0;
}
.header_logo a {
    text-decoration: none;
} 
.button_small_blue {
    margin-left: 0;
    margin-right: 0;
}
    
@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
    #menu ul {
        display: none !important;
    }
    .footer_row {
        display: block;
        text-align: center;
    }
    .footer_col1, .footer_col2, .footer_col3 {
        display: block;
        width: auto;
        padding: 0;
    }
    .footer_col3 {
        width: auto;
        padding-left: 0;
        margin-top: 24px;
    }
    .footer_logo img {
        float: none;
    }
    .footer_logo span:nth-child(2) {
        margin-left: 0;
    }
    header {
        text-align: center;
    }
    .header_logo {
        margin-top: 24px;
    }
    .header_logo img {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-left: 10px;
    }
    .header_logo p {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0;
    }
    #menu {
        margin-top: 30px;
    }
    .demo_diplom .button_small, 
    .demo_diplom .button_small_blue {
        margin-top: 10px;
        margin-right: 5px;
        margin-left: 0;
    }
}

@media (max-width: 575.98px) {
    .topBlock_content p {
        font-size: 26px;
    }
}

@media (max-width: 479.98px) {
    .demo_diplom {
        text-align: center;
    }
    .demo_diplom .demo_diplom_img {
        float: none;
width: auto;
    }
    .demo_diplom .demo_diplom_text {
        text-align: left;
margin-left: 0;
    }
    .demo_diplom .button_small {
        display: block;
        margin-right: 0;
    }
    .demo_diplom .button_small_blue {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }
}