body {
	font-family: 'Space Mono', monospace;
	color: #5703b6;
	padding: 0.5%;
}

.container {
	width: 100%;
}

#headline {
	position: fixed;
	z-index: 999;
	pointer-events:none;
}

#close {
	position: fixed;
	z-index: 999;
	right:30px;
	top:30px;
}

#nav {
	position:fixed;
	z-index: 999;
	top:430px;
	left:30px;
}

#gallery {
	background-color: white;
}

.zoomwall img {
	padding: 0.5%;
}
h1 {
	font-size:12em;
}
#aboutPhoto {
	position: fixed;
	width: 100%;
	height: 100%;
	color: #d3ea00;
	padding: 30px;
	top:0;
	left:0;
	margin:0;
	z-index:1000;
	visibility: hidden;
	background-image: url('../images/portrait.jpg');
	background-size: cover;
	background-position: center center;
}

#about {
	position: absolute;
	width: 100%;
	color: #d3ea00;
	padding: 30px;
	top:0;
	left:0;
	margin:0;
	z-index:1010;
	visibility: hidden;
}
#about p {
	font-size: 2em;
	line-height: 1.4; 
	width: 75%;
}

#about a {
	color: white;
}

#about .btn-primary {
	background-color: #d3ea00;
	color: black;
	text-transform: uppercase;
}
#about .btn-primary:hover {
	text-decoration: none;
	background-color: white;
}
.btn-primary {
	text-transform: uppercase;
	background-color: #5703b6;
	border:none;
}
a.btn-primary:hover {
	text-decoration: none;
	background-color: black;
}

/* Responsive */

@media screen and (max-width : 1024px) {
	#about p {font-size: 1.5em;}
	.btn-lg {padding: 8px 14px;font-size: 16px;}
}

@media screen and (max-width : 768px) {
	#aboutPhoto {background-image: url('../images/portraitV.jpg');}
}

@media screen and (max-width : 1024px) and (orientation : portrait) {
	#aboutPhoto {background-image: url('../images/portraitV.jpg');}
}

@media screen and (max-width : 750px) {
	#about p {font-size: 1em;width:85%;margin-bottom:20px;}
	.btn-lg {padding: 8px 12px;font-size: 14px;}
	h1 {font-size: 6em;}
	#nav {top:220px;left:22px;}
	.closetxt {display: none;}
}

@media screen and (max-width : 320px) {
	h1 {font-size: 4.8em;}
	#nav {top:190px;left:20px;}
	#about {padding:15px;}
	#about p {font-size: 0.85em;width:86%;margin-bottom:20px;}
	#close {right:15px;top:15px;}
	#about .btn-lg {padding: 6px 10px;font-size: 12px;}
}

@media screen and (min-width : 321px) and (max-width : 375px) {
	h1 {font-size: 5.6em;}
}