#topbanner {
	padding:	25% 0 0 0;
}

#contact {
	padding:		0;
}
#contact .main-wrapper {
	transform:		translate3d(0,-2em,0);
}
#contact-image {
	position: 		relative;
	display:		inline-block;
	margin: 		0 auto;
	width:			60vw;
	height:			60vw;
	overflow: 		hidden;
	border:			4vw solid #222;
	border-radius: 	40vw;
}
#contact-image img {
	display: 		inline-block;
	width:			100%;
}
#contact-text h1 {
	margin-bottom:	.7em;
	font-size:		2em;
	font-weight: 	200;
}
#contact-text p {
	padding-bottom:	1.3em;
	font-size:		.9em;
	line-height: 	1.4em;
}
#contact ul {
	margin-top:		1em;
}
#contact li {
	list-style: 	none;
	padding-bottom: .8em;
}
#contact li a {
	display: 		block;
	padding:		1em .2em;
	border-radius: 	.4em;
	color:			#fff;
	text-decoration: none;
	background: 	#222;
	border: 		.1em solid #fff;
}
#contact li a:hover,
#contact li a:active {
	color:			#222;
	background: 	#fff;
}


@media (min-width: 32em){
	#contact-image {
		width:			40vw;
		height:			40vw;
		border-width: 	3vw;
	}
}
@media (min-width: 45em){
	#contact .main-wrapper {
		padding-bottom: 2em;
		transform:		none;
	}
	#contact-image {
		width:			10em;
		height:			10em;
		border-width: 	.8em;
		transform:		translate3d(0,-2em,0);
	}
	#contact-text {
		display: 		inline-block;
		vertical-align: top;
		padding-top:	2em;
		width:			68%;
		text-align: 	left;
	}
	#contact li {
		display: 		inline-block;
		vertical-align: top;
		margin:			0 1%;
		width:			40%;
	}
}
@media (min-width: 50em){
	#contact {
		text-align: 	center;
	}
	#contact .main-wrapper {
		width:			40em;
		text-align: 	left;
	}
}