.wrap{
	width:100%;
	height:100%;
	font-family: 'helveticaneue';
}

.content_wrap{
	width:60%;
	height:80%;
	margin: 0 auto;
	padding:50px 0px;
	
}

.image_wrap{
	margin: 0 auto;
	float:none;
	clear:both;
	width:300px;
	height:300px;
}

.image_wrap img{
	margin: 0 auto;
	float:none;
	clear:both;
	width:300px;
	height:300px;
}

.image_wrap img:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.name_wrap{
	width:100%;
	height:300px;
	text-align: center;
	font-size:20px;
	margin: 0 auto;
	clear:both;
	
}

.name_wrap h1{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80px;
}

.info_wrap{
	width:69%;
	height:50px;
	text-align: center;
	margin: 0 auto;
	float:none;
	clear:both;
}

.info_text_wrap{
	width:80%;
	padding:0px 60px;
	height:100%;
	margin:0 auto;
}

.info_wrap h2{
	display:inline;
	padding: 10px 37.5px;
	text-align: center;
	margin: 0 auto;
	float:left;
	width: 38%;	
}


.social_wrap{
	width:20%;
	height:70px;
	margin:0 auto;
	clear:both;	
}


.pre_social{
	width:190px!important;
	height:80px;
	margin:0 auto;
	clear:both;	
}

.social_wrap img{
	width:100px;
	height:100px;
	margin: 0 auto;	
	float: left;
	padding:10px 30px;
}

.social_wrap img:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

body{
	color:#9cd4f0;
	font-family: 'helveticaneue'; 
	background-color:#f9f9f9;
}

a:link {
	text-decoration:none;
	color:#9cd4f0;
	}
	
a:hover {
	text-decoration:none;
	color:#d2d2d2;
	}

a:visited {
	text-decoration:none;
	color:#9cd4f0;
	}
	
a:active {
	text-decoration:none;
	color:#d2d2d2;
	}


@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width: 1400px){

	.info_wrap{
		width:100%;
		height:50px;
		text-align: center;
		margin: 0 auto;
		float:none;
		clear:both;
	}
	
	.info_text_wrap{
		width:75%;
		padding:0px 60px;
		height:100%;
		margin:0 auto;
	}
	
	.info_wrap h2{
		display:inline;
		padding: 10px 25px;
		text-align: center;
		margin: 0 auto;
		float:left;
		width: 41%;	
	}
	
	
	.social_wrap{
		width:85%;
		height:70px;
		margin:0 auto;
		clear:both;	
	}
	
	
	.pre_social{
		width:100%;
		height:80px;
		margin:0 auto;
		clear:both;	
	}
	
}

@media only screen and (max-width: 1200px) {
	.content_wrap{
		width:80%;
		height:80%;
		margin: 0 auto;
		padding:50px 0px;
		
	}
	
	.info_wrap{
		width:100%;
		height:50px;
		text-align: center;
		margin: 0 auto;
		float:none;
		clear:both;
	}
	
	.info_text_wrap{
		width:75%;
		padding:0px 40px;
		height:100%;
		margin:0 auto;
	}

	.info_wrap h2{
		display:inline;
		padding: 10px 25px;
		text-align: center;
		margin: 0 auto;
		float:left;
		width: 41%;
		font-size:20px;
	}
	
	.social_wrap{
		width:100%;
		height:70px;
		margin:0 auto;
		clear:both;	
	}
	
	
	.pre_social{
		width:80%;
		height:80px;
		margin:0 auto;
		clear:both;	
	}

	.social_wrap img{
		padding:10px 30px;
	}	
}


@media only screen and (max-width: 1023px) {
	.content_wrap{
		width:80%;
		height:80%;
		margin: 0 auto;
		padding:50px 0px;
		
	}
	
	.info_wrap{
		width:100%;
		height:50px;
		text-align: center;
		margin: 0 auto;
		float:none;
		clear:both;
	}
	
	.info_text_wrap{
		width:95%;
		padding:0px 40px;
		height:100%;
		margin:0 auto;
	}

	.info_wrap h2{
		display:inline;
		padding: 10px 25px;
		text-align: center;
		margin: 0 auto;
		float:left;
		width: 37.5%;
		font-size:20px;
	}
	
	.social_wrap{
		width:100%;
		height:70px;
		margin:0 auto;
		clear:both;	
	}
	
	
	.pre_social{
		width:100%;
		height:80px;
		margin:0 auto;
		clear:both;	
	}

	.social_wrap img{
		padding:10px 28px;
	}	
}

@media only screen and (max-width: 800px){
	

	.content_wrap{
		width:100%;
		height:80%;
		margin: 0 auto;
		padding:50px 0px;
		
	}
	
	.info_wrap{
		width:100%;
		height:50px;
		text-align: center;
		margin: 0 auto;
		float:none;
		clear:both;
	}
	
	.info_text_wrap{
		width:100%;
		padding:0px 0px;
		height:100%;
		margin:0 auto;
	}

	.info_wrap h2{
		width: 100%;
		clear:both;
		text-align:center;
		padding: 20px 0px; 
		font-size:20px;
	}
	
	.social_wrap{
		width:100px;
		height:100%;
		margin:0 auto;
		clear:both;	
	}
	
	
	.pre_social{
		width:100%;
		height:400px;
		margin:0 auto;
		clear:both;	
	}

	.social_wrap img{
		padding:20px 0px;
		clear:both;
		margin:0 auto;
	}	
}

@media only screen and (max-width: 480px) {
	.name_wrap{
		height: 400px;
	}	
}