/* Tablet and below */
@media only screen and (min-width: 320px) and (max-width: 767px){
	.video-wrapper{
		display:block;
	}
	.hero-divider .video-wrapper {
	    display: block;
	}	
	
	.product-right {
	    height: auto;
	    padding-top: 64px;
	}
	
}

/* Tablet and below */
@media only screen and (max-width: 767px) {
	.fullscreen-nav .outer-logo{
		margin-top:10px;
	}
	.fullscreen-nav-toggle{
		top: 10px;
	    right: 10px;
	}
}

/*----------- Navigation -------------------*/
.fullscreen-nav .outer-logo{
	max-height: 50px;
}

/*----------- General ----------------------*/
.imageoverlay{
		background-color: rgba(0, 0, 0, 0.5);
		width:100%;
		height:100%;
		
}

.product-right {
	height:auto;padding:50px 0}
	section:nth-of-type(odd){
	background: none;
}

/*----------- Clients */

.client-row img {
    max-height: none;
    max-width: none;
    opacity: 1;
}


/*----------- Footer */
footer.details{
	background-color: black;
	color:white;

}

footer.details h1{
	color:white;
	font-weight:bold;
	font-size:1.5em;
}

footer.details .logo{
	max-width: 200px;
}
footer.details .sub{
	color: grey;
}
footer.details .sub a{
	color: white;
}

.fullscreen-nav{
	padding: 0 5%
}