body{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
}
a, a:hover{
	text-decoration:none;
	color:black;
}
a:hover{
	text-decoration:underline;
}
#container{
	height: 70%;
	    left: 5%;
	   
	    position: absolute;
	    top: 12%;
	    width: 90%;
	
}
#container > div{
	width:50%;
	height:100%;
	float:right;
	position:relative;
	min-height:400px;
}
div.left {
	background:url(../img/photo.jpg) no-repeat center center;
	background-size:cover;
}

div.right {
	
}

#logo {
width:30%;
height:auto;
margin:7% auto 10% auto;
}
#logo > img{
	width:100%;
	height:auto;
}
span.catchphrase{
	font-size:2em;
	display:inline-block;
	margin-bottom:8%;
	line-height:40px;
	
}


div.content{
	width:90%;
	height:50%;	
	margin:3% auto 0 auto;
}
div.content p{
	text-align:center;
	padding: 0 10%;
}
div.content p > span{
	display:inline-block;
}
div.photocredits{
	position:absolute;
	left:0px;
	bottom:-20px;
	width:100%;
	height:10px;
	font-size:8px;
	line-height:10px;
}

@media (max-width: 600px) {
  	#container > div{
		width:100%;
		height:100%;
		
		float:right;
		position:relative;
		margin-bottom:5%;
	}
	#container{
		top:4%;
	}
}