* {
	box-sizing : border-box;
}

html {
	height : 100%;
}

body {
	background-image: url('images/jhah/bg.jpg'); 
	background-repeat: no-repeat;
	background-position:center 1px;
	  background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color : rgb(238,28,96);
	font-family : Montserrat, sans-serif;
	margin : 0px;
	padding : 0px;
	min-height : 100%;
	position:relative;
	
}


#logo-jhah {
	position: relative;
	margin-right:0;
}

#content-jhah {
	position: relative;
	text-align :center;
	padding : 100px 15% 250px 15%;
}

#content-jhah > div:nth-child(1) {
	animation-name: fadeInDown;
	animation-duration : 1s;
	animation-fill-mode : both;
	font-size : 38px;
	color:rgb(238,238,238);
	text-transform:uppercase;
	font-weight:700;
}

#content-jhah > div:nth-child(2) {
	animation-name: fadeInUp;
	animation-duration : 1s;
	animation-fill-mode : both;
	animation-delay:0.4s;
	font-size : 24px;
	color:rgb(255,255,255);
}


#content-jhah  a {
	color:white;
	text-decoration : none;
}

#content-jhah a:hover {
	color:white;
	text-decoration: underline;
}





@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

#footer {
	position: absolute;
	bottom : 0px;
	width : 100%;
	background-color: rgba( 27,27,97,0.9);
	border-top: 5px solid rgba(27,27,97,0.5);
	text-align : center;
	padding : 10px;
	color:rgb(204,204,204);
	font-size : 0.9em;
}

#footer a {
	color:rgb(243,28,96);
	text-decoration : none;
}

#footer a:hover {
	color:white;
}

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

	
	#footer {
		font-size : 2em;
	}
}

@media only screen and (max-device-height : 640px) {

	#logo-jhah img {
		zoom : 0.6;
	}

}