@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: bannerFont;
	src: url("/fonts/James_Fajardo.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
	font-family: mainFont;
	src: url("/fonts/Ubuntu.ttf"); /* TTF file for CSS3 browsers */
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	background-color: #000;
	width: 100%;
	height: auto;
	font-size: 100%;
}
article {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 90vw;
	height: auto;
	margin: 0 auto;
	font-family: mainFont;
}
figure {
	display: block;
	width: 50%;
	height: auto;
}
figure img {
	display: block;
	width: 100%;
	height: auto;
}
.FAPresents {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1.5em;
	color: #fff;
	margin: 20px;
	font-family: mainFont;
}
.info {
	display: block;
	width: 50%;
	height: auto;
	padding: 20px;
	color: #fff;
}
.title {
	font-size: 3em;
	text-align: center;
	margin: 1em 0;
	font-family: bannerFont;
	color:rgba(255,245,0,1.00);
}
.artistStatement {
	font-size: 1.25rem;
	text-align: left;
}
.artistStatement p {
	margin: 0 0 1em;
}
.artistStatement a {
	color:rgba(255,245,0,1.00);
}
.container {
  	position: relative;
  	width: 100%;
 	padding-top: 56.25%;
	margin-top: 1em;
}

.container > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
footer {
	margin: 10px 0;
}
footer p, footer a {
	font-size: 0.75rem;
	color: #fff;
	font-family: mainFont;
}
@media screen and (max-width:1400px){
	article {
		display: block;
		width: 95vw;
		height: auto;
		margin: 0 auto;
	}
	figure, figure img {
		display: block;
		width: 100%;
		height: auto;
	}
	.info {
		display: block;
		width: 100%;
	}
}