/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,400italic,700italic);*/
/* @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic); */
/* @import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic); */
@import url('../fonts/Cache_webfont.css');

body
{
	font-family: 'Cache', Helvetica, Arial, sans-serif;
	font-weight:normal;
	background-color:#f0f0f0;
	color:white;
}

.fullwidth
{
	background-size:cover;
	min-width:100% !important;
	
	padding-top: 3em !important;
	padding-bottom: 3em !important;	
}
img#logo-image
{
	height:2.85rem;
}
#intro
{
	background-image:url('../images/Unifony-background-moya-minco-theodoor-mcklin-photography.jpg');
	background-repeat:no-repeat;
	background-position-x: center;
	min-height: 28em;
	/*max-height:64rem;*/
	text-align:center;
	font-size:1rem;
	
	}
	div#introcontent
	{
		margin-top:2rem;
	}
	div#introbackground
	{
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	div#introcontent p
	{
		margin-top:0;
		margin-bottom:0;
		font-size:2.1rem;
		text-transform:uppercase;
		color:#f0f0f0;
		line-height:3rem;
	    
	}
	div#introcontent p strong
	{
		
		font-weight: lighter;
		
		white-space:nowrap;
		font-size:1.9rem;
	}
	div#introcontent p em
	{
		color:#fff;
		font-style:normal;
	    line-height:4rem;
	    font-size:3.8rem;
	}

	div#introcontent p small
	{
		font-size:80%;
	}

	div#introcontent p em small
	{
		font-size:40%;
	}

	div#introcontent a
	{
		color:#c0c0c2;
	}
	div#introcontent a:hover
	{
		color:#f0f0f0;
	}
#releases
{
	margin-top:3rem;
	margin-bottom:1rem;

	}
	#releases p {
		line-height: 1.5rem;
		margin-bottom:0.7rem;
		text-transform:uppercase;
	}
	#releases p em {
		font-size:1.9rem;

	}
	#releases p strong {
		line-height:1.7rem;
		font-weight:normal;
	}
	#releases a {
		color:#c0c0c2;
		text-transform:uppercase;
	}
	#releases h1
	{
		font-size:1.5rem;
	}
	#releases h3
	{
		font-size:1rem;
	}
	#releases div
	{
		margin-top:1.3rem;
	}
	#releases img
	{
		width:auto;
		margin-bottom:0.8rem;
	}
	#releases img:hover
	{
		border:2px solid transparent;
	}

#singles
{
	margin-top:3rem;
	margin-bottom:1rem;

	}
	#singles h1
	{
		font-size:1.5rem;
	}
	#singles h3
	{
		font-size:1rem;
	}
	#singles div
	{
		margin-top:1.3rem;
	}
	#singles img
	{
		width:6rem;
	}
	#singles img:hover
	{
		border:2px solid transparent;
	}

#the-project
{
	background-color:#f0f0f0;
	color:#7e7b8e;
	padding-top:0 !important;
	text-align: center;	
	
	}
	#the-project p
	{
		text-align: left;	
	}
	#the-project h1
	{
	
		color:inherit;
		margin-top:2.5em;
		margin-bottom:1em;
				
	}
	div#the-project div div#the-projecttxt p:first-child
	{
		color:inherit;
		font-size:1.4em;
		
		font-style:normal;
		
		font-weight:300;

		display: block;
		
	
	}
		div#the-project div div#the-projecttxt p:first-child > em
	{
		font-size: 1em;
		font-style:normal;
		
		font-weight:300;
		color:inherit;
		display:block;
		padding-right: 2.7em;
	}
#the-people
{
	background-color:#fff;
	color:#c0bec1;
	
}
	#the-people h1
	{
		color:#c0bec1;
	}
	#the-people strong
	{
		color:#7e7b8e;	
	}
	div#people2
	{
		margin-top:3rem;
	}
	#people2 p
	{
		font-size:1.2rem;
	}
	#people2 h3
	{
		clear:both;
		color:#7e7b8e;
		font-size:1.4rem;
	}
	#people2 img
	{
		float:left;
		margin-right:1rem;
		margin-bottom:1rem;
	}

#the-passion
{
	background-color:#7e7b8e;
	color:#f0f0f0;

}
#the-process
{
	background-image:url('../images/UNIFONY tape recorder.jpg');
	background-repeat:no-repeat;
	background-position-x: center;
	min-height: 28em;
	
	text-align:center;
	font-size:1rem;
	
	}

#the-products
{
	background-color:#f0f0f0;
	color:#7e7b8e;
	}

	#the-products h1
	{
		color:#7e7b8e;
	}

#the-press
{
	background-color:#7e7b8e;
	color:#fff;

}
	#the-press em
	{
		font-style:italic;
	}

#the-partake
{
	color:#7e7b8e;
	}

	#the-partake h1
	{
		color:#7e7b8e;
	}

	#the-partake ul li
	{
		list-style-image:none;
		display:inline;
		margin:.5rem;

	}
	#the-partake a
	{
		font-size:2.1rem;
		color:inherit;
	}

	#mc_embed_signup {
		background-color:inherit !important;

		}
	#mc_embed_signup label {
		color: #7e7b8e;
		font-size:1.5rem !important;
	}
	#mc_embed_signup{clear:left;width:100%;}

#footer
{
	background-color:#000;

	}
	#footer img
	{
		height:2rem;
	}

	#footer a
	{
		margin-left:2rem;
	}
/* font stuff */
h1, h2, h3, h4, h5, h6
{
	font-family: 'Cache', Helvetica, Arial, sans-serif;
	font-weight:400;
	text-transform:uppercase;
	
}
h1
{
	font-size:2.5em;
}
em
{
	
	font-style:normal;
	font-size:1.4rem;
	
}
p
{
	font-weight:300;
	font-size:1.3rem;
	letter-spacing: 0.2px;
}
p strong
{
	
	letter-spacing: 1px;
    /*font-weight: normal*/
    text-transform:uppercase;
    font-size:1.4rem;
}
.center
{
	text-align:center;
}
.top-bar-section ul li > a
{
	font-weight:600;
	/*padding-left:1em;
	margin-right:1em;*/
}
.top-bar-section li a:not(.button) {
	/* padding: 0 15px; */

}
.top-bar-section li a.selected
{
	border-bottom:1px solid #f0f0f0;
	background-color:#171717;
}
.top-bar .name
{
	margin-right:1em;
	font-weight:400;
}
.contain-to-grid 
{
	/* -webkit-opacity:0.8;
	-mozilla-opacity:0.8;
	opacity:0.8;
	-o-opacity:0.8; */
	-moz-box-shadow: 0px 6px 9px rgba(0,0,0,0.4); 
 	-webkit-box-shadow:0px 6px 9px rgba(0,0,0,0.4);
	box-shadow: 0px 6px 9px rgba(0,0,0,0.4);
}
d

/* Dit had PW al gedaan ... */

.row
{
	
}

#logo {
	/* tweak the logo for better alignment in the top-bar */
	position: relative;
	top: -3px; 
}
#topnav
{
	text-transform:lowercase;
}
.top-bar .name h1
{
	font-size:1em;
	color:#a7a7a7;
}
.top-bar .title-area {
	margin-left:auto;
}
.align-right
{
	text-align:right;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	/* medium */
	#releases
	{

	}
}
@media only screen and (min-width: 64em) {
	/* medium */
	div#introbackground iframe {
		/*margin-left:-8rem;*/
	}
}