html{height:100%;}
body {background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 45%, #207cca 55%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(45%,#2989d8), color-stop(55%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 45%,#207cca 55%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 45%,#207cca 55%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 45%,#207cca 55%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 45%,#207cca 55%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
font-family: Arial,Helvetica,sans-serif; height:100%;width:100%;margin:0; padding:0;}


.main-content{margin:0; width:100%;height:100%}
p {color:white; margin:0; padding:0;}

.main-info:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 95%;
}
.main-info{
	height: 95%;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
	}
.main-info img{
	display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
	max-width: 100%;height: auto;width: auto\9; /* ie8 */
	}
.text-info{
	position:relative;
	top:-40%;
	max-width: 1200px;
	font-size: 16px;        /* <-- reset the font property */
	height: 10%;
	width: auto\9; /* ie8 */
	margin:0 auto;
	text-align:right;
	font-family: Arial,Helvetica,sans-serif;
}

.text-info p{
	display:block;
	margin-right:2%;
	position:relative;
	color:white;
	font: 20px        /* <-- reset the font property */
}
	
.logo{position:absolute; top:85%; display:inline-block; width:100%}
.logo img{margin-left:50px;}
.logo p{float:right;font-size:250%; width:290px;margin-right:50px;}


.footer{position:absolute; top:90%; width:100%; text-align:center;}
.footer-text{font-size:80%;color:white;}
.trademark-text{font-size:60%;color:grey;}