.nav-container{ background: rgb(255,255,255);}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; } /* а вот это прикрепит меню к верху */


.dws-menu-mobile { display: none; }
.dws-menu { display: block; }



@media all and (orientation: portrait) {
 
.dws-menu{ display: none; }
.dws-menu-mobile { display: block; }

#side-checkbox { display: none; }

.side-panel {
    position: fixed;
    z-index: 999999;
    bottom: -115vh;
    left: 0px;
    right: 0px;	
    background: rgb(213,57,77);
    transition: all 0.7s ease; 
    height: 100vh;
    color: #454547;
    padding: 150px 10px 20px 20px;
    border-top-left-radius: 220px 40px;
    border-top-right-radius:220px 40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.side-panel ul, .side-panel ol{ list-style: none; }

.side-panel ul li { padding: 1.5vh 0 1.5vh 0;}

.side-panel ul li a{
 text-transform: uppercase;
 font-size: 2.5vh;
 color: #454547;
 cursor: pointer;
 text-decoration: none;
 font-weight: 400;	
}

.side-panel ul li .fa{ font-size: 2.5vh; margin-right: 3vw;}

.side-panel ul li ul li{ padding: 1.5vh 0 0 1.5vh;}

.side-panel ul li ul li a{
 text-transform: uppercase;
 font-size: 2.2vh;
 color: #454547;
 cursor: pointer;
 text-decoration: none;
 font-weight: 400;	

}

.side-panel ul li a:hover, .side-panel ul li ul li a:hover { color: red;}

/* Оформление кнопки на странице */

.side-button-1 {
    font-size: 20px;
    position: absolute;
    z-index: 2;
    bottom: 14vh;
    right: 3vw;
    cursor: pointer;
    color: #454547;
}

.side-button-1:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-weight: 900;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  margin-left: 3vw;
  color: #454547;
}

/* Переключатели кнопки 1 */

#side-checkbox:checked + .side-panel  .side-button-2 {display: none; }

#side-checkbox:checked + .side-panel {bottom: -10vh; background: white;}

/* Оформление кнопки на панели */
.side-button-2 {
    font-size: 22px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 40vw;
    cursor: pointer;
//    color: #454547;
	color: white;	
}

.side-button-2:before {
  content: "\f0c9";
  font-family: FontAwesome;
  font-weight: 900;
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
  margin-right: 3vw;
//  color: #454547;
	color: white;
}

}

@media all and (max-width: 800px) {

.footer-container {display: none;}

}