.tablet{
display: block;
}

#page{
margin-top: 60px;
}

	.primary{
	margin: auto;
	padding:0 40px;
	}

#site-menu{
width: calc(100% - 80px);
max-width: 400px;
min-width: 250px;
overflow: auto;
-webkit-overflow-scrolling:touch;
}

#site-menu-content{
padding-top: 20px;
padding-bottom: 20px;
}

.menu-photo{
display: none;
}

#nav-logo{
margin-bottom: 15px;
}

#logo{
width: 200px;
}

#top-bar{
display: block;
height: 60px;
background: #333;
position: fixed;
z-index: 200;
top:0;
left: 0;
right: 0;
}

	#top-logo{
	display: block;
	margin: auto;
	height: 35px;
	width: auto;
	margin-top: 13px;
	}
	
	.top-button {
	cursor:pointer;	
	position:absolute;
	top:0px;
	width: 68px;
	height: 60px;
	color:white;
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	}
	
	#top-menu-button{
	left:0px;
	}
	
	#top-contact{
	right: 0;
	}

#top-menu-button{
background: url("images/menu.svg") no-repeat center center;
background-size: 30px 30px;
}

 #top-menu-button:before{
 content:none;
 }

#popup-menu-overlay{
display: none !important;
}

.menu-open #mobile-menu{
opacity:0;
visibility:hidden;
display:block;
}


/*offset anchor tag links with fixed header*/
:target:before {
display: block;
position: relative;
top: -60px; /* fixed header height*/
visibility: hidden;
}


.disabled-transitions #site-menu,
.disabled-transitions #menu-overlay{
display:none;	
}

#site-menu{
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}

.menu-open #site-menu{
-webkit-transform: translateX(0px);
transform: translateX(0px);
}

.disabled-transitions.menu-open #site-menu{
display:block;
}


#home-menu-head{
display: block !important;
padding: 0;
}

	#home-menu-head a{
	display: block;
	}

.menu-popup{
position: relative;
display: none;
opacity: 1;
visibility: visible;
box-shadow: none;
left: auto;
top:auto;
overflow: visible;
background: white;
padding-bottom: 5px;
}

.menu-head.open:after{
transform: rotate(90deg);
}

.menu-head.mobile-link:after,
a.menu-head:after{
content: none;
}

.menu-popup.open{
display: block;
}

	.site-menu-content-padding,
	.menu-head,
	ul.menu-head a{
	padding-left: 8%;
	padding-right: 40px;
	}

	.menu-popup a{
	padding-left: 8%;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	}

	.menu-head:after,
	.menu-head:hover:after,
	.menu-head.open:after{
	right: 30px;
	}



	.menu-content{
	padding: 0 !important;
	border:none !important;
	}
	
	.menu-content:after{
	content: none !important;
	}
	
	.menu-popup-close{
	display: none;
	}
	
	#site-menu .columns{
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	}
	

.sub-menu.open{
display:block;
}

/*
#mobile-contact-menu{
width: 250px;
z-index: 10;
position: fixed;
z-index: 100;
display: block;
overflow: auto;
top:0;
right: -250px;
line-height: 1.2;
padding-top: 20px;
}

	#mobile-contact-menu a{
	color:black;
	}

right:0;
}
*/

footer{
display: block;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}

	#footer-info{
	margin-bottom: 1em;
	}
	
	footer #accreditations{
	white-space: normal;
	}
	
	footer #accreditations > img, footer #accreditations > a{
	margin-top: 4px;
	margin-bottom: 4px;
	}


/*Formatting*/

.padding-vertical .content-padding{
padding-top: 20px;
padding-bottom: 20px;
}

.padding-top .content-padding{
padding-top: 20px;
}

.padding-bottom .content-padding{
padding-bottom: 20px;
}