.page-hero h1 {
	float:left;
    animation:
    slideUp 0.75s .5s cubic-bezier(0.17,.88,.32,1.27) both,
    fadeIn .25s .5s ease-in both;
    padding: 20px;
    position: absolute;
    text-align: left;
    top: 0%;
    width: 100%;
	font-weight:bold;
    color: #FFFFFF;
	letter-spacing:-2px;
	line-height:72px;
}

.page-hero h1 span{
	color:#024264;
	font-size:61px;
}
.page-hero h1 i{
	float:left;
	font-size:42px;
	font-style:normal;
	font-weight:100 !important;
	}
.head3 {
	padding-top:10px;
	}	
@keyframes slideUp {
    from {transform: translateY(200%);}
    to {transform:translateY(-50%);}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@media (min-width:320px) {
	.page-hero {
	position: absolute;
    width: 100%;
    top: 28px;
}
.page-hero h1{
	font-size:18px;
}
.page-hero h1 i{
	float:left;
	font-size: 25px;
    color: #ffffff;
    padding: 15px 10px 5px 0px;
    letter-spacing: 0px;
}
.page-hero h1 span {
    font-size: 52px !important;
	color:#016fac;
	letter-spacing:0px;
	line-height: 72px;
}

	}

@media (min-width:992px) {
	.page-hero {
	position: absolute;
    /*width: 40%;*/
    top: 150px;
	left:0px;
	right:0px;
	margin:0 auto;
}
.page-hero h1{
	font-size:40px;
}

	}

@media (min-width:1200px) {
	.page-hero {
	position: absolute;
    width: 1170px;
    top: 200px;
	left:0px;
	right:0px;
	margin:0 auto;
}
.page-hero h1{
	font-size:78px;
	float:left;
}

	}