@font-face {
    font-family: logo;
    src: url("../fonts/logo.eot") format("eot"), url("../fonts/logo.ttf") format("ttf"), url("../fonts/logo.woff") format("woff"), url("../fonts/logo.woff2") format("woff2");
}
@media (max-width: 980px) {
    body,
    container {
        padding:0;
        margin:0;
    }
    .active {
        background: #251D1A;
        border-color:transparent;
        border-radius:100px;
    }
    header nav a:hover {
        background: #5C4D47;
        border-color:transparent;
        border-radius:100px;
    }
    header nav a:active,
    header nav a:focus{
        background: #5C4D47;
    }
    .img_wrap {
        border:2px solid #fff;
        height:200px!important;
        margin-top:50px;
        position: relative;
        justify-content:center;display:flex;
    }
    
    .logo_wrap {
        display: none;
    }
    .mobile-logo {
    background: radial-gradient(50% 170%, #f02e24, #561310);
    width:50%;
    border-radius:100px;
    border:2px ridge #561310;
    padding:0px 20px;
    height:55px;
    bottom:-25px;
    position: absolute;
    display: flex;
    align-items:center;
    flex-direction:column;
    justify-content:space-between;
    color:#fff;
}
    .mobile-logo .name {
        font-family:logo;
        font-size: 40px;
        position: relative;
        top:4px;
        left:5px;
    }
    .mobile-logo .subname {
        font-size: 15px;
        position: relative;
        top:-9px;
    }
    header {
        margin:0;
        border:none;
    }
    header nav {
         padding:0!important;
         position: fixed;
         z-index: 1;
         background: #352a26;
         width:100%;
         top:0;
    }
    header nav ul {
        flex-direction:column;
        padding:10px;
        position: relative!important;
        display: none;
    }
    #menu_toggle {
        display: block;
        color:#fff;
        text-align: center;
        font-size: 30px;
        background: #5C4D47;
        width:100%;
        cursor:pointer;
        padding:5px 0;

    }
    
    header nav ul li {
        margin-bottom: 5px;
    }
    header nav ul li a {
        display: block;
        padding:20px;
        font-size: 20px;
        text-align: center;
    }
    .container {
        flex-direction:column;
    }
    .content {
        flex-direction:column;
        padding:10px;
        
    }
    .content_top, .content_bottom {
        /*border:2px solid green;*/
        width:100%;
    }
    
    /* Звезды */
    .title {
        padding:10px 0;
    }
    .title:before, .title:after {
        1display: block;
        font-size: 16px;
    }
     /* Блок с бассейном и полулюксом */
    .content_bottom_left {
        flex-direction:column;
        padding: 20px!important;
    }
    /* Бронирование - блоки с полями */
    .content_top_right form > div {
        flex-basis:100%;
    }
    /* Номера */

    .rooms_type_img {
        order:1;
        flex-basis: 95%;
    }
    .rooms_type_img > div {
        width:100%;
        height:120px;
    }
    .rooms_type_info {
        order:2;
        flex-basis:95%;
        margin-bottom:15px;
    }
    .rooms .rooms_type {
        position: relative;
        margin:15px 0 20px!important;
    }
    .rooms .rooms_type:after {
    content:"";
    width:100%;
    border-top: 1px solid #C6907F;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom:0;
}
    .rooms .rooms_type:last-child {
        margin:0!important;
    }
    .rooms .rooms_type:last-child:after {
        display: none;
    }
    .rooms-info .content_top_left {
        flex-direction:column;
    }
    .rooms_facility {
        border-left:0;
        border-top:1px solid #d3af7b;
        margin-top:10px;
    }
    .rooms_gallery a {
        width:50px;
        height:50px;
    }
    
    .gallery_img a {
        height:50px!important;
        width:50px!important;
    }
    .contacts {
        flex-direction:column;
    }

    footer {
        flex-direction:column;
        padding: 15px;
        box-sizing:border-box;
    }
    footer > div:first-child {
        order:2;
    }
    footer > div:last-child {
        order:1;
        display: flex;
        flex-direction:column;
    }
    footer > div:last-child p:first-child {
        order:2;
    }
    footer > div:last-child p:last-child {
        order:1;
    }
}