body {background-color: #F7F8F9;}

h1 {position: relative; background-color: #FFF; width: 78%; font-family: helvetica; color: #006387; text-align: center; margin-top: 3%; 
padding: 2% 0px 2% 23%; font-size: 27px;}

h1 img {position: absolute; text-align: left; left: 9%;top: 5%;width: 24%;}

h3 {font-family: helvetica;color:#50A1CF; font-size: 30px; text-align: right; margin-top: 18%;margin-right: 6%; margin-bottom: inherit;}

h4 {font-family: helvetica; color:#006387;font-size: 25px;text-align: right; margin-top: 0; margin-right: 6%;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
	.global {padding-top: 10%;}
	h1 {width: 75%; right: 2%; font-size: 30px; padding: 3% 0px 3% 30%;}
	h1 img {top: -56%; width: 26%; left: 7%;}
	h3 {margin-bottom: 7%; margin-top: 22%; font-size: 40px;}
	h4 {font-size: 32px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
	.global {padding: 15% 1% 1% 1%;}
	h1 {width: 78%; right: 2%; padding: 3% 0px 3% 28%;}
	h1 img {top: -70%; width: 30%;left: 2%;}
	h3{margin-top: 35%; margin-bottom: 13%;font-size: 40px;}
	h4{font-size: 30px;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) 
{
	.global {padding: 1%;}
	h1 {width: 82%; right: 2%; padding: 3% 0px 3% 23%; margin-top: 3%;}
	h1 img {top: -51%; width: 26%; left: 2%;}
	h3{margin-top: 14%; margin-bottom: 6%;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) 
{
	h1{padding: 5% 0px 5% 0%; font-size: 21px; left: -2%; margin-top: 68%; width: 105%;}
	h1 img {left: 15%; width: 60%; top: -355%;}
 	h3{margin-top: 30%; margin-bottom: 10%; font-size: 25px;text-align: center;}
 	h4{text-align: center;margin: 0%;}
}