/* Global CSS */

.top-nav-wrapper{height: 56px; background :#000;}
.center-logo #main-header .logo-wrapper{padding: 35px 0 35px 0;}
button#responsive-menu-button{top: 0 !important}
.social-icons a{color: #fff}
.logo-dir-preheader{position: absolute; top: 20px; left: 20px;}
.top-menu{display: none !important;}
#social-widget-2 .social-icons a{color: #000 !important;}


/*-----------------------------------------------------------------------------------*/
/*	MARGINS
/*-----------------------------------------------------------------------------------*/
.mt60{margin-top: 60px;}

/*-----------------------------------------------------------------------------------*/
/*	EMBED RESPONSIVE
/*-----------------------------------------------------------------------------------*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media (max-width: 1024px){
	button#responsive-menu-button{left: 6% !important;}
}

@media (max-width: 768px){
	button#responsive-menu-button{left: 9% !important;}
}

@media (max-width: 414px){
	button#responsive-menu-button{left: 15% !important;}
}

@media (max-width: 375px){
	button#responsive-menu-button{left: 17% !important;}
}

@media (max-width: 320px){
	button#responsive-menu-button{left: 19% !important;}
}