/*!
 * Start Bootstrap - Grayscale v5.0.8 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */

 /* FILM GRAIN TEST */



 #mainNav{
 	min-height: 56px;
 	background-color: #d3d3d3;
 	}
 #mainNav .navbar-toggler{
 	font-size: 80%;
 	padding:.75rem;
 	color: black;
 	border: 1px solid black;
 	}
 #mainNav .navbar-toggler: focus{outline:0}
 #mainNav .navbar-brand{
 	color:#161616;
 	font-weight:700;
 	padding:.9rem 0}
 #mainNav .navbar-nav .nav-item:hover{
 	color:fade(white,80%);
 	outline:0;
 	background-color:transparent}
 #mainNav .navbar-nav .nav-item:active,
 #mainNav .navbar-nav .nav-item:focus{
 	outline:0;
 	background-color:transparent}
 @media (min-width:992px) {
 	#mainNav{
 		padding-top:0;
 		padding-bottom:0;
 		border-bottom:none;
 		background-color:transparent;
 		-webkit-transition:background-color .3s ease-in-out;
 		transition:background-color .3s ease-in-out}
 #mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}
 #mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,.5)}
 #mainNav .nav-link:hover{color:rgba(255,255,255,.75)}
 #mainNav .nav-link:active{color:#fff}
 #mainNav.navbar-shrink{background-color:#d3d3d3}
 #mainNav.navbar-shrink .navbar-brand{color:#161616}
 #mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}
 #mainNav.navbar-shrink .nav-link:hover{color:#64a19d}
 #mainNav.navbar-shrink .nav-link:active{color:#467370}
 #mainNav.navbar-shrink .nav-link.active{color:#64a19d;outline:0;border-bottom:.25rem solid #64a19d}}
 .masthead{
 	position:relative;
 	width:100%;
 	height:auto;
 	min-height:35rem;
 	padding:15rem 0;
 	background-image: url("https://live.staticflickr.com/5085/5315874169_c85aa0a5dc_n.jpg");
 	/*background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.3)),color-stop(75%,rgba(22,22,22,.7)),to(#161616)),url(../img/bg-masthead.jpg);*/
 	background:linear-gradient(to top,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url(../img/koudio-logo-alpha.png);
 	background-position:center;
 	background-repeat:no-repeat;
 	background-attachment:scroll;
 	background-size:contain;}

 .masthead h1{
 	font-family:'Varela Round';
 	font-size:2.5rem;
 	line-height:2.5rem;
 	letter-spacing:.8rem;
 	background:-webkit-linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.5));
 	-webkit-text-fill-color:transparent;
 	-webkit-background-clip:text}

 .masthead h2{
 		max-width:20rem;
 		font-size:1rem}

 @media (min-width:768px){
 	.masthead h1{
 		font-size:4rem;
 		line-height:4rem}}
 				
 @media (min-width:992px){
 		.masthead{
 			height:100vh;
 			padding:0}
 		.masthead h1{
 			font-size:6.5rem;
 			line-height:6.5rem;
 			letter-spacing:.8rem}
 		.masthead h2{
 			max-width:30rem;
 			font-size:1.25rem}}

 .btn{
 	-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
 	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
 	padding:1.25rem 2rem;
 	font-family:'Varela Round';
 	font-size:80%;
 	text-transform:uppercase;
 	letter-spacing:.15rem;
 	border:0}
 .btn-primary{
 	background-color:#64a19d}
 	.btn-primary:hover{
 		background-color:#4f837f}
 	.btn-primary:focus{
 		background-color:#4f837f;
 		color:#fff}
 	.btn-primary:active{
 		background-color:#467370!important}

 	/*productionsound section*/

 	.productionsound-section{
 		background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
 		background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
 		/*background-image: url("https://live.staticflickr.com/5085/5315874169_c85aa0a5dc_n.jpg");
 		opacity: 0.5;*/
 	}
 		
 		/*.productionsound-section::after {
 		content: "";		
 		background-image: url(../img/grain/grain1.png)}*/


 	.productionsound-section h2 {
 		margin-top: 3rem;
 		margin-bottom:5rem;
 	}
 	.productionsound-section img {
 		padding:  3rem;
 	}

 	/*postproduction section*/

 	.postproduction-section{
 		/*padding:10rem 0;*/
 		background-color: rgba(22,22,22,.3);
 	}
 	.postproduction-section img {
 		padding: 3rem;
 	}
 	.postproduction-section h2 {
 		margin-top: 3rem;
 	}

 	/*portfolio section*/

 		.portfolio-section{
 		background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
 		background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
 		}

 		.portfolio-section h2 {
 		margin-top: 3rem;
 		/*margin-bottom: 3rem;*/
 		}

 		/*.portfolio-section .column{
 			padding-left: 1rem;
 		}*/
 	
 		.portfolio-section img {
 		width: 15rem;
 		height: 18rem;
 		padding: 3rem;
 		}

 	/*projects-section*/

 	.projects-section .featured-text{padding:2rem}@media (min-width:992px){
 		.projects-section 
 		.featured-text{padding:0 0 0 2rem;border-left:.5rem solid #64a19d}}.projects-section .project-text{padding:3rem;font-size:90%}@media (min-width:992px){.projects-section .project-text{padding:5rem}.projects-section .project-text hr{border-color:#64a19d;border-width:.25rem;width:30%}}.signup-section{padding:10rem 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-signup.jpg);background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-signup.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.signup-section .form-inline input{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;height:auto;font-family:'Varela Round';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}
 		.contact-section{padding:5rem 0 0}
 		.contact-section .card{
 			border:0;
 			border-bottom:.25rem 
 			solid #64a19d;
 			background-color: #d3d3d3;
 		}
 		.contact-section .card h4{font-size:.8rem;font-family:'Varela Round';text-transform:uppercase;letter-spacing:.15rem}
 		.contact-section .card hr{border-color:#64a19d;border-width:.25rem;width:3rem}
 		.contact-section .social{
 			margin-top:5rem
 		}
 		.contact-section .social a {
 			text-align:center;
 			height:3rem;
 			width:3rem;
 			background:rgba(255,255,255,.1);
 			border-radius:100%;
 			line-height:3rem;
 			color:rgba(255,255,255,.3)}
 		.contact-section .social a:hover{color:rgba(255,255,255,.5)}
 		.contact-section .social a:active{color:#fff}body{font-family:Nunito;letter-spacing:.0625em}a{color:#64a19d}a:focus,a:hover{text-decoration:none;color:#3c6360}.bg-black{background-color:#161616!important}.bg-primary{background-color:#64a19d!important}.text-primary{color:#64a19d!important}footer{padding:5rem 0}

 		/*.musicimages img {
 			width: 200px;
 		}*/

 		.liquidationlogo {
 			padding-top: 3rem;
 			padding-bottom: 0.5rem;
 			opacity: 0.8;
 		}

 		.oliveroatlogo {
 			padding-top: 3rem;
 			padding-bottom: 0.7rem;
 			opacity: 0.8;
 		}

 		.mixcloudlogo {
 			padding-top: 2rem;
 			opacity: 0.8;
 		}

 	.about-section2{
 		background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
 		background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)
 	}
 	.about-section2 h2 {
 		margin-top: 2rem;
 		/*margin-bottom:5rem;*/
 	}
 	.about-section2 img {
 		max-width: 100%;
 		max-height: 12rem;
 		/*vertical-align: middle;
 		margin: 3rem;*/
 	}

 	h3 {
 		color: white;
 		font-size: 10px;
 	}