@font-face {
    font-family: 'akzidenzgroteskblack';
    src: url('fonts/akzidenz-grotesk-black-webfont.woff2') format('woff2'),
         url('fonts/akzidenz-grotesk-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.upcase{
	text-transform: uppercase;
}
.header{
	font-family: 'akzidenzgroteskblack';
	font-size: 9em;
	color: white;
	letter-spacing: -0.06em;
	position: relative;
}
.name-h1{
	padding-bottom: 1em;
}
.francis{
	line-height: 0.6em;
	writing-mode: vertical-lr;
	text-orientation: sideways;
	transform: rotate(-180deg);
}
.galluppi{
	line-height: 0.6em;
	position: relative;
	top: 0.78em;
	writing-mode: vertical-lr;
	text-orientation: sideways;
	/*transform: rotate(-180deg);*/
}
.filmmaker{
	font-size: 0.35em;
	letter-spacing: -0.05em;
}

div.centered{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 40%;
	max-width: 700px;
	/*height: 50%;*/
	padding: 20px;  
	text-align: center;
}

html{
	background: url("images/bg-pattern.png") repeat center center;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
*/	background-color: #151515;
}

@media only screen and (min-width: 1640px) {
	div.logos{
		/*width: 88% !important;*/
/*		padding-left: 40px !important;
		padding-right: 40px !important;
*/	}
}

@media only screen and (max-width: 1640px) {
	div.centered{
		min-width: 380px;
		/*top: 33% !important;*/
	}
	div.logos{
		/*width: 100% !important;*/
/*		padding-left: 40px !important;
		padding-right: 40px !important;
*/	}
}

/*Mobile*/
@media only screen 
  and (-webkit-min-device-pixel-ratio: 2) {
  	.header{
  		font-family: 'akzidenzgroteskblack';
  		font-size: 6em;
  		color: white;
  		letter-spacing: -0.06em;
  		position: relative;
  	}
  }

div.logos{
	display: block;
	margin-top: -0.3em;
	text-align: center;
	font-size: 1em;
}

div.logos a{
	color: transparent;
	text-decoration: none;
}

div.logos img{
	width: 0.6em;
}