@charset "UTF-8";
/* CSS Document */


html,body,page,p,div,img,h1,h2,h3,h4,h5,h6,h7,h8,h9,li,ul,ol,dl,dd,dt,form,table,td,tr{ margin:0px; padding:0px; border:0px; border-collapse:collapse; border-spacing:0px;}


body {
		background: url(../template_img/index_bg.jpg);
		background-size: cover;
		background-position: center center;
		min-height: calc(100vh - 15px);
		border: 15px solid rgba(255,255,255,1.0);
		border-top: 0px;
		font-family: Didact Gothic;
	}


	.contentholder {
		height: calc(100vh - 15px);
		min-height: 450px;
		position: relative;
	}

	#social_holder {
		position: absolute;
		right: 15px;
		bottom: 15px;
	}
	
	
	#social_holder li {
		display: inline-block;
		width: 110px;
		padding: 0px 15px;
	}
	
	
	.index_logo {
		width: 25%;
		padding: 0vh 10%;
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -45%);
	}
	
	.signature {
		height: 50px;
	}
	



/*RESPONSIVE BEHAVIOR*/
@media only screen and (max-width: 968px) {
	.index_logo {
		width: 33%;
	}
	
	#social_holder li {
		width: 100px;
		padding: 5px 15px;
	}
	
	}
	
	
@media only screen and (max-width: 768px) {	
	.index_logo {
		width: 45%;
	}

}


@media only screen and (max-width: 480px) {	
	.index_logo {
		width: 55%;
	}

}