/* The hidden menu panel: */
#menu-panel{
position: fixed!important;
display:none;
width:100%;
height:100%;
background:#333;
color:#fff;
z-index:1000;

}

/* The hamburger and close buttons: */
#nav-button,#nav-close{
float:right;
right:0;
width:30px;
height:30px;
cursor:pointer;
}

/* Because the buttons are floated, you'll need a clear fix class: */
.clearfix{
clear:both;
}

#nav-button{
	background:url(../images/hamburger.png);
	background-size: cover;
}

#barba-wrapper #nav-button{
	background:url(../images/hamburgerdark.png);
	background-size: cover;
}

#nav-close {
  margin: 70px 60px auto auto;
  background: url(../images/close.png);
  background-size: cover;
}

#nav-logo {
    background: url(../img/logo2.png);
    background-size: cover;
    position: absolute;
    top: 60px;
    left: 60px;
    width: 40px;
    height: 48px;
}

#menu-panel nav{
	width:100%;
	text-align:center;
	font-weight:600;
}

#menu-panel nav ul {
	list-style:none;
	margin-top: 8%;
}

#menu-panel nav ul li {
    margin: 60px auto 10px 0px;
    font-size: 3.1em;
}

#menu-panel li a:hover {
	font-size: 75px;
	transition: font-size 0.3s;
	color: #fff!important
}

#menu-panel li a {
	transition: font-size 0.3s;
	font-size: 60px;
	color:#D1FF5A!important;
}

.logo-outer {
	position:relative;
	float:left;
	left:0;
	width:60%;
	max-width:180px;
	height:70px;
}

.logo {
	position:relative;
	width:100%;
}

h1 {
	margin-top:40px;
	color:#a3a9ac;
}

#main {
	position:relative;
	width:100%;
	max-width:1200px;
	right:0;
	left:0;
	margin:0 auto auto auto;
	background:white;
	min-height:100%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
}

.margin {
	margin:0 40px;
}

#menu-panel {
	position:absolute;
	display:none;
	width:100%;
	height:100%;
    background: #171717;
	color:#fff;
	z-index:1000;
}

.clearfix {
	clear:both;
}

footer {
	font-size:.85em;
	width:100%;
	padding:20px 0;
	margin:50px 0 0 0;
	background:#333;
	color:#fff;
}

.ct a:link,
.ct a:active,
.ct a:hover,
.ct a:visited {
	color:#444;
	text-decoration:none;
}

.socialnav {
	margin-top: 10%;
}

#menu-panel ul li {
	margin: 2px;
	font-family: GabrielSansCondLight!important;
}

#menu-panel ul:hover li {
    opacity: .5;
}

#menu-panel ul li:hover {
    opacity: 1;
}

#menu-panel ul:hover li {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

#menu-panel ul li:hover {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

@font-face {
    font-family: GabrielSansCondLight;
    src: url(../fonts/Gabriel-Sans-Cond-Light.otf);
}

.links a {
	text-transform: uppercase;
}

@media all and (max-width: 480px) {
	#nav-logo {
		top: 35px!important;
		left: 20px!important;
		width: 40px;
		height: 46px;
	}
	#menu-panel nav ul li {
		margin: 60px auto 10px 0px!important;
	}
	.right #nav-button {
		position: absolute;
		top: 7px;
		right: auto;
	}
	#barba-wrapper #nav-button {
		position: absolute;
		right: 0;
		top: 18px;
	}
	a {
		color: #fff!important;
		text-decoration: none;
	}
	#menu-panel li a {
		font-size: 40px!important;
	}
	.socialnav {
		margin-top: 20%!important;
		margin-left: 8%;
	}
	#menu-panel nav ul {
		margin-top: 30%!important;
	}
	#nav-close {
		margin: 35px 25px auto auto!important;
	}
	#menu-panel nav {
		margin: -75px 0!important;
	}
}

#menu-panel ul li, #menu-panel ol li {
    line-height: 0.7!important;
}

a {
	color: #fff!important;
	text-decoration: none;
}

a:focus, a:hover {
	text-decoration: none!important;
}

@media all and (min-width: 1024px) and (max-width: 1365px) {
	#nav-logo {
		top: 60px;
		left: 60px;
	}	
	#nav-close {
		margin: 60px 70px auto auto;
	}
}

@media all and (min-width: 1921px) {
	#nav-logo {
		top: 60px;
		left: 60px;
	}
}

@media all 
    and (min-width: 900px) 
    and (max-width: 928px) {
    
#menu-panel nav {
    margin: -50px 0!important;
}
#menu-panel nav ul li {
    margin: 25px auto 10px 0px!important;
    font-size: 10px!important;
}
.socialnav {
    margin-top: 4%!important;
}
#home .table__vAlign {
    margin-top: -15%!important;
}
.right {
    top: -60px!important;
}
    
    }