@charset "utf-8";
/* CSS Document */
body, html {
    height: 100%;
    margin: 0;
}
.bg {
    /* The image used */
    background-image: url(../img/logo.jpg);
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	/*text*/
	
}
.bg a {
	text-decoration:none;
}
.bg h3 {
	font-size:3vw;
	font-weight:bold;
}
.bg p {
	font-size:2vw;
}
.bg .step1,.step2,.step3 {
  	display: flex;
  	align-items: center;
	text-align:center;
}
.step1 {
	/*background*/
	background-color:#FF9933;
	opacity: 0.8;
    filter: alpha(opacity=80);/* For IE8 and earlier */
	 /* Full height */
    height: 33.33%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*Text*/
	color:#FFF;
	text-shadow: 0 0 5px #000000;
}
.step2 {
	/*background*/
	background-color:#FFFFFF;
	opacity: 0.8;
    filter: alpha(opacity=80);/* For IE8 and earlier */
	 /* Full height */
    height: 33.33%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*Text*/
	color:#000;
	text-shadow: 0 0 5px #0099FF;
}
.step3 {
	/*background*/
	background-color:#138808;
	opacity: 0.8;
    filter: alpha(opacity=80);/* For IE8 and earlier */
	 /* Full height */
    height: 33.33%; 
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*Text*/
	color:#FFF;
	text-shadow: 0 0 5px #000000;
}
/*Media Query*/
@media only screen and (max-width: 600px) {
    .bg h3 {
	font-size:5vw;
	font-weight:bold;
	}
	.bg p {
		font-size:3vw;
	}
}