.menu-toggle {position: absolute; padding: 0.8em; top: 10px; right: 0px; cursor: pointer; z-index:999}

.hamburger, .hamburger::before, .hamburger::after {content: ''; display: block; background: #434242; height: 3px; width: 2em; border-radius: 3px; -webkit-transition: all ease-in-out 350ms; transition: all ease-in-out 350ms; z-index:999}
.hamburger::before {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
.hamburger::after {-webkit-transform: translateY(4px); transform: translateY(4px);}
.open .hamburger {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.open .hamburger::before {display: none;}
.open .hamburger::after {-webkit-transform: translateY(-1px) rotate(-90deg); transform: translateY(-1px) rotate(-90deg);}

nav {margin: 0; padding: 0;}
nav ul {display: block; list-style-type: none; padding: 0; margin: 0; display: none; text-align:center}
nav ul.opening {display: flex;flex-direction:column; width:100%; position: absolute; left:0; top:55px; height:calc(100vh - 55px) /* minus top value */;align-content:center;justify-content:center; background-color:rgba(255, 255, 255, 0.97)}
nav li {border-bottom: 1px solid #ddd;}
nav li:last-child {border-bottom: none;}
nav a {color: #434242; display: block; padding: 6px 20px;  text-decoration: none; font-size:12pt}
nav a:hover, nav a:focus {background: #eee; color:#c85832}
.site-nav--icon {font-size: 1.4em; margin-right: 1em; width: 1.1em; text-align: right; color: rgba(255,255,255,.4);}

nav li.active a{color: #c85832; font-weight:bold}

@media (min-width: 480px) {
	.menu-toggle {top: 25px; right: 5px;}
	nav ul.opening {top:71px; height:calc(100vh - 71px)}
}
@media (min-width: 768px) {
	.menu-toggle {top: 28px; right: 10px;}
	nav ul.opening {top:78px; height:calc(100vh - 78px)}
	nav a {padding: 10px 20px;}
}
@media (min-width: 1024px) {
	.menu-toggle {top: 34px; right: 20px;}
	nav ul.opening {top:84px; height:calc(100vh - 84px)}
}
@media (min-width: 1280px) {
	nav ul.opening {top:82px; height:calc(100vh - 82px)}
}

@media screen and (min-width: 1366px) {
.menu-toggle {display: none;}
nav ul.opening {top:88px; height:calc(100vh - 88px);display: block; width:100%}
nav ul {display: block; text-align:center; width:100%}
nav li {display:inline-block; color: #434242; margin:0 10px; padding:0; border-bottom:none}
nav li a {padding:0; margin: 0; border: none;}
nav {display: block; text-align: center; background-color:transparent;}
nav a:hover, nav a:focus {background:transparent; color:#c85832}
.site-nav--icon {display: none;}
nav ul.opening {height:auto; background:transparent;}
.site-nav {position:relative; z-index:998; width:100%}
nav a {padding: 10px 15px; font-size:11pt}
}

@media screen and (min-width: 1400px) {

}

@media screen and (min-width: 1600px) {
nav a {padding: 10px 20px; font-size:12pt}
header {padding:15px 40px 10px 40px}
.rtsidebar {bottom:200px;}

}

@media screen and (min-width: 1900px) {

	
}