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

html, body { 
  background: url(../images/bg_image.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
}

.container {
	min-height:100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.row {
width: 100%;
margin: 0 auto;
overflow: hidden;
}

.icon {
	width:30%;
	margin:0 auto;
	padding-top:30px;
}

.png {
	width:11%;
	padding:1%;

}

.logo {
	width:50%;
	margin:0 auto;
	padding-top:60vh;
}

.logo img {
	width: 100%;
}



/* iPads ( landscape) ----------- */
@media only screen  
and (max-width : 1024px) {



.logo {
	width:60%;
	margin:0 auto;
	padding-top:65vh;
}
}

@media only screen
and (max-width : 768px) {
	
.icon {
	width:50%;
	margin:0 auto;
	padding-top:40px;
}

.png {
	width:11%;
	padding:1%;

}

.logo {
	width:80%;
	margin:0 auto;
	padding-top:65vh;
}
}


@media only screen 
and (max-width : 565px) {
.icon {
	width:50%;
	margin:0 auto;
	padding-top:20px;
}

.png {
	width:11%;
	padding:1%;

}

.logo {
	width:60%;
	margin:0 auto;
	padding-top:50vh;
}

}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 322px) {
.icon {
	width:80%;
	margin:0 auto;
	padding-top:40px;
}

.png {
	width:11%;
	padding:1%;

}

.logo {
	width:90%;
	margin:0 auto;
	padding-top:60vh;
}


}