/*
* Visual Natives
*/

/* #Responsive Fixes
================================================== */
.twitter-timeline { width: 100%; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 959px) {
		.mobile-nav-icon {display:none}
		.logo {margin-top: -60px;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.mobile-nav-icon {display:none}
		ul.nav li {font-size:14px; line-height: 14px;}
		.artists {width:236px;height:236px;}
		.logo {margin-top: -80px;}
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#navigation {display:none}
		.logo img {width:40%;margin-top: -80px;}
		.site-name {display:none;}
		.hq {margin-top:15px;}
		.video {margin-top:15px; display:block}
		.socials {position:relative; z-index:999; display:block}
		}

		/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.logo img {width:30%;margin-top: -80px;}
		.artists {width:420px;height:420px;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		}


	/* Responsive Mobile Navigation */

	@media screen and (max-width: 55.1875em){
	
		.cbp-spmenu-horizontal {
			font-size: 75%;
			height: 110px;
		}
	
		.cbp-spmenu-top {
			top: -110px;
		}
	
		.cbp-spmenu-bottom {
			bottom: -110px;
		}
	
	}
	
	@media screen and (max-height: 26.375em){
	
		.cbp-spmenu-vertical {
			font-size: 90%;
			width: 190px;
		}
	
		.cbp-spmenu-left,
		.cbp-spmenu-push-toleft {
			left: -190px;
		}
	
		.cbp-spmenu-right {
			right: -190px;
		}
	
		.cbp-spmenu-push-toright {
			left: 190px;
		}
	}