@media screen and (min-width: 960px)
{
.logo-wrapper h1 {
padding: 0;
width: 120px!important;
transform: rotate(90deg)!important;
left: -45px!important;
position: fixed!important;
top: 130px!important;
}
.hamburger.nav-hamburger-desktop {
position: fixed;
top: 0px !important;
width: 30px;
transition: all 0.05s ease;
transition-property: opacity;
transition-delay: .1s;
}
.hamburger.hamburger-close.close {
transition: none;
transition-delay: .0001s;
opacity: 0;
padding: 0;
position: fixed;
z-index: 1;
left: -36px;
top: -63px;
background: none;
border: none;
color: #000;
cursor: pointer;
}
.hamburger.hamburger-close:after {
display:none;
}
.hamburger.hamburger-close:before {
height: 16px;
border-radius: 10px;
left: -7px;
transform: none;
}

.menu {
width: 60%;
transition: none;
position: fixed;
}

.menu .menu-wrapper > ul {
padding-top: 0px;
top: -20px;
}
.menu li.item a {
color: #ffffff;
text-decoration: var();
text-shadow: 2px 2px #000;
}

.social {
width: 10px!important;
position: fixed!important;
text-align: left!important;
left: 10px!important;
bottom: 10px!important;
padding: 0!important;
z-index: 5!important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: block!important;
}

custom_stylesheet.css:19.hamburger.hamburger-close.close {
transition: none;
transition-delay: .0001s;
opacity: 0;
padding: 0;
position: fixed;
z-index: 1;
left: -36px;
top: -63px;
background: none;
border: none;
color: #000;
cursor: pointer;
}
.overlay 
{background: rgba(0, 0, 0, 0);}

.hamburger.nav-hamburger-desktop {
position: fixed;
top: 10px !important;
left: 3px;
width: 30px;
transition: all 0.05s ease;
transition-property: opacity;
transition-delay: .1s;
}
}

@media screen and (max-width: 960px)
{
.overlay {background:rgba(0, 0, 0, 0.94);
  top: 30px;
}
.header {background:#000; height:30px;}
.header .logo {
color: #ffffff; margin-top:0px;}
.content {
bottom: 0px;
right: 0;
left: 0px!important;
top: 10px!important}
.menu {
   background:#000;
  height:auto;
width: 100%!important;
position: fixed;
z-index: 4;
background-color: transparent!important;
top: 0px!important;
right: 0px!important;
bottom: 0;
padding: 0 1px 0 10px;
text-align: right;
transform: translateY(-100%);
transition: all 0.001s cubic-bezier(0.37, 0.875, 0.505, 1);
}
.hamburger.hamburger-close:before {
display:none!important;
}

.hamburger.hamburger-close:after {
height: 16px;
border-radius: 10px;
left: -7px;
transform: none;
}
.hamburger:before 
{display: none!important;}
.hamburger:after {
display: block;
height: 16px;
border-radius: 10px;
left: 0; 
top: 18px;
transform:none!important;
margin: auto;
position: absolute;
right: 0;
transition: all 0.15s ease;
width: 16px;
background-color: #fff !important;
border: none;
}
.menu {
transition: none;
}
.hamburger.hamburger-close.close:before {display: none;}

.hamburger-close.close:after {
background-color: #fff !important;
}

custom_stylesheet.css:19.hamburger.hamburger-close.close {
transition: none;
transition-delay: .0001s;
opacity: 0;
padding: 0;
position: fixed;
z-index: 1;
left: -36px;
top: -63px;
background: none;
border: none;
color: #000;
cursor: pointer;
}
}

.mobile-menu-toggle
{
width: 35px;
border-right: 1px solid #000;
}

.header .logo {
top: 7px;
position: absolute;
}

hamburger.nav-hamburger-desktop {
width: 30px;
top: 0px !important;
}


.hamburger.hamburger-close.close:after {
background-color: #000!important;
}

.hamburger {
background: none;
border: none;
display: block;
height: 40px;
width: 40px;
position: relative;
top: -27px;
}
.menu .menu-wrapper {
height: 100%;
overflow-x: hidden;
left: 39px;
position: absolute;
}

.menu:after, .menu:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
bottom: 0;
left: 0;
height: 76px;
background: transparent!important;
background: transparent!important;
background: transparent!important;
background: transparent!important;
 filter: invert()!important;
}

.menu {
width: 60%;
position: fixed;
z-index: 4;
background-color: #000;
top: 0;
left: 35px;
bottom: 0;
padding: 0 20px 0 20px;
text-align: right;
transform: translateY(-100%);
transition: all 0.001s cubic-bezier(0.37, 0.875, 0.505, 1);
}
.menu li.item.selected a {
color: #ffffff;
text-decoration: underline;
}
.menu li.item a {
color: #ffffff;
text-decoration: none;
}

.menu li.item a:hover {
  color: #fc2d2d;
text-decoration: none!important;
}
.menu li.item.selected a {
color: #fc2d2d;
text-decoration: none!important;
}
.menu .menu-wrapper > ul {
padding-top: 0px;
}
.menu .menu-wrapper {
height: 100%;
overflow-x: hidden;
left: 39px;
position: absolute;
}
.menu .category {
margin: 40px auto;
}
.page-title, .close-page {
display: none;
}
.featherlight .featherlight-close-icon {
position: fixed !important;}

.patreon {
transform: rotate(90deg)!important;
position: fixed;
left: 0vh;
top: 40vh;
width:33px;
z-index: 999;
text-align: left;
}

#content_page_wrapper [data-content-module-removable] .onecol, #content_page_wrapper [data-content-module-removable] .twocol, #content_page_wrapper [data-content-module-removable] .threecol, #content_page_wrapper [data-content-module-removable] .fourcol, #content_page_wrapper [data-content-module-removable] .fivecol, #content_page_wrapper [data-content-module-removable] .sixcol, #content_page_wrapper [data-content-module-removable] .sevencol, #content_page_wrapper [data-content-module-removable] .eightcol, #content_page_wrapper [data-content-module-removable] .ninecol, #content_page_wrapper [data-content-module-removable] .tencol, #content_page_wrapper [data-content-module-removable] .elevencol, #content_page_wrapper [data-content-module-removable] .twelvecol {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding-left: 10px!important;
padding-right: 10px!important;
}