@media(max-width:991px) {
    #left-header{position:fixed; left:-230px; top:0; width:230px; height:100%; z-index: 9999; }
    .menu-responsive strong {  color: #ffffff; font-size: 18px; text-transform: uppercase; }
    .menu-responsive  { height:50px;  position: fixed; background: var(--rosa-secondary); z-index: 9999; width: 100%; padding: 12px 15px; display: block; }
    .but span {position: absolute; right:15px; top: 13px;	font-size: 24px;color: #fff; }
    .but span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
    .but.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    #home{ margin-left: 0px; padding-top: 50px; }
    header.header-mobile { background-color: #282828; }
}