html, body{
	
	height: 100%;
}

body{
	
	font-family: "GT Pressura", sans-serif;
	color: black;
		letter-spacing: 0.02em;
}

p{
	
		letter-spacing: 0.03em;
}

.container{
	
	width: 1300px;
}

.container-small{
	width: 900px;
	margin: 0 auto;
	
}

.play{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

h3 a{
	color: black;
}

h3 a:hover{
	color: black;
	background-image: url(img/link.png);
background-repeat: repeat-x;
background-position: 0 34px;

}

.pull-left h3 a:hover, .pull-right h3 a:hover{
	color: black;
	background-image: url(img/link.png);
background-repeat: repeat-x;
background-position: 0 45px;

}

/* fonts */

h2{
	display: block;
	background-color: #00ff00;
	padding: 20px;
	padding-left: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	background-image: url(img/flag-small.png);
	background-repeat: no-repeat;
	background-position: 21px 21px;
	background-size: 17px;
}

h2.small{
	font-size: 16px;

	background-color: #00ff00;
	padding: 10px;
	padding-left: 35px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 12px;
	margin-bottom: 15px;
	margin-top: 34px;
	background-image: url(img/flag-small.png);
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 10px;
}

#favorites{
	margin-bottom: 100px !important;	
}

h3{
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 5px;
}

a:hover{
	color: black;
	text-decoration: none;
}

/* header */

header{
height: 100%;

	
}

.center{
	display: table;
  height: 100%;
  width: 100%;


}

.center span{
	display: table-cell;
  vertical-align: middle;
}

h1.title{
	font-size: 75px;
	color: white;

	
width: 750px;
	margin: 0 auto;
	margin-top: -60px;
	  
}

.col-md-6 h1{
	
	color: black;
}



.page{
 
background-color: white;

	
	box-sizing: border-box;

}


.wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#arrow-scroll img:hover{
  transform: translateY(10px);
    transition: transform 0.3s ease;
}

#arrow-scroll2:hover{
  transform: translateY(10px);
    transition: transform 0.3s ease;
}



/* nav */

nav{
	width: 100%;
	padding: 35px;
	padding-top: 15px;
	font-size: 20px;
	z-index: 100;
	position: fixed;
	top: 0;
	/*
    position: -webkit-sticky;
    position: sticky !important;
    top: 0;
	*/
  
}

nav img{
	width: 35px;
}

nav a{
	margin-left: 10px;
	margin-right: 10px;
	color: black;
}


/* section */

section{
	padding-bottom: 50px;
}

.row{
margin-bottom: 40px;	
}

.highlight{
	z-index: 0;
}

.overlay{
	width: 350px;
	padding: 20px;
	padding-top: 5px;
	background-color: #f8f8f8;
	margin-top: 20px;
}

.pull-left{
	
	margin-left: -70px;
	z-index: 10;
}

.pull-right{
	position: absolute;
left: 250px;
	z-index: 10;
}

.overlay h3{
	font-size: 36px;
}

.overlay p{
	font-size: 15px;
}

/* aside */

aside{
	padding-top: 200px;
	padding-bottom: 200px;
	background-color: #f8f8f8;
}

aside p{
	
	font-size: 30px;
	line-height: 1.5em;
	padding-bottom: 10px;
	letter-spacing: 0.02em;
}

aside a, aside a:hover{
	color: black;
	/* border-bottom: 3px solid #00ff00; */
	background-image: url(img/link.png);
	background-repeat: repeat-x;
	background-position: 0 38px;
	text-decoration: none;
	
}



/* footer */

footer{
	padding-top: 200px;
	
	border-bottom: 200px solid #00ff00;
}

footer p{
	
	font-size: 24px;
	padding-bottom: 20px;

}



.footer-logo img{
	float: right;
	width: 250px;
	margin-top: 8px;
	margin-right: 75px;

}

.footer-flag{
	text-align: center;
	padding-top: 400px;
	margin-bottom: 0px;
}

.footer-flag img{
width: 600px;	

}

/* helpers */

.text-right{
	text-align: right;
}

img{
	max-width: 100%;
}



/* details */



.details h1{
	font-size: 60px;
	margin-bottom: 5px;
}

.description{
	
	padding-right: 30px;
}
.description p, .about-more p{
	font-size: 20px;
}

.details img{
	width: 200px;
}

.details{
	margin-top: 50px;
	padding-bottom: 0;
}


.container-small {
        width: 900px;
    }


.col-md-4 img{
	height: 230px;
	
}

.detail-sub{
	
	font-size: 17px !important;
	padding-bottom: 40px;
}

.detail-sub2 p{
	
	font-size: 17px;
	line-height: 27px;
}

.detail-film{
	padding-left: 50px;
}

.detail-film img{
	margin-bottom: 15px;
}

.awards{
	
		padding-left: 45px;
}

.mobile-show{
		
		display: none;
	}
.mobile-hide{
	display: block;
}

.featherlight-content{
	background-color: transparent !important;
	color: white !important;
	width: 900px !important;
	min-height: 75% !important;
	
}

.featherlight-content a, .featherlight-content a:hover{
	color: white;
	border-bottom: 2px solid #00ff00;
	font-size: 16px;
}

.featherlight-close-icon{
	background-color: transparent !important;
	color: #00ff00 !important;
	padding-top: 0 !important;
	margin-top: -5px !important;
	font-size: 30px;
	
}


.wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.socials, .socials i{
	padding-top: 10px;
	padding-bottom: 10px;
	color: black !important;
}

.socials a:hover{
	color: #00ff00;
}

#contact a{
	
	color: black;
	
}

#contact a:hover{
	
	color: #00ff00;
	
}

.fa-2x{
	font-size: 20px !important;
	margin-right: 15px;
}

.credits{
	background-color: #00ff00;
	padding: 20px;
	text-align: center;
	color: white;
}

.credits a{
	color: white;
	text-decoration: underline;
}

.mobile-show{ display: none;}

nav .color-black a{
		color: black !important;
	}
	
	nav .color-green a{
		color: #00ff00 !important;
	}

@media (max-width: 1300px) {
	

}



@media (max-width: 990px) {
	
	
	aside a, aside a:hover{
	
	background-position: 0 25px;

	
}

	
	nav{
		padding-left: 0;
		padding-right: 0;
	}
	
	.container{
		width: 100%;
	}
	
	.featherlight-content{
	background-color: transparent !important;
	color: white !important;
	width: 90% !important;
	margin: 0 auto !important;
	}

	.mobile-hide{ display: none;}
	.mobile-show{ display: block;}
	
	.col-md-4 img{
		height: auto;

	}
	
	#about .container-small{
		width: 100%;
	
	}
	
	
	.aboutpage{
		padding-top: 150px;
		margin-bottom: 0;
	}
	
	#about p, #about a, #contact p{
		font-size: 19px !important;
	}
	
	#contact{
		padding-top: 75px;
	}
	
	#work .row{
		margin-bottom: 10px;
	}

   
	.footer-logo img{
		
		float: none;
	}
	
	.overlay{
		display: none;
	}
   

	
	.mobile-show{
		
		display: block;
	}
	
	#logo-top{
		margin: 0 auto;
		width: 200px;
		margin-top: 140px;
		
	}

	#vid{
	display: none;	
		
	}
	
	
	
	h1.title{
	color: black;
		font-size: 28px;
		width: 275px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	header{ height: auto; }
	
	#arrow-scroll{ display: none !important;  }
	
	.details h1{
		font-size: 40px;
	}
	
	h2{
		font-size: 18px;
		background-size: 12px;
		background-position: 18px 18px;
		padding-left: 43px;
	}
	
	#favorites{
		margin-bottom: 30px !important;
	}
	
	
	
	nav .logo{
	display: none;	
	}
	
	nav .text-right{
		
		width: 100%;
		text-align: center;
	}
	
	
	
	#spacer{
		
		display: none;
	}
	
	#contact{
		
	}
	
	.footer-logo{
		
		text-align: center;
	}
	
	.footer-logo img{
	margin: 0;
		width: 200px;
		margin-bottom: 25px;
	}
	
	.col-md-4{
		
		padding-bottom: 15px;
	}
	
	.detail-sub2{
		
		padding-left: 15px;
		padding-top: 10px;
	}
	
	section{
		padding-bottom: 0;
		
	}
	
	section .row:last-child{
		/* display: none; */
	}
	
	aside{
		padding-top: 60px;
		padding-bottom: 40px;
		
	}
	
	aside p{
		font-size: 23px !important;
	}
	
	footer{
		padding-top: 10px;
	}
	
	.footer-flag{
		padding-top: 100px;
	}

}
.container-small, .container-large {
    max-width: 100%;
}