body, html{ padding: 0; margin: 0;}
.homebg{background: url(../images/bg.jpg) no-repeat center center; display: block; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 100%;}
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
.logo{width: 200px; margin-bottom: 30px;}
.content{position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -60%);  transform: translate(-50%, -60%);}
h1{font-size: 60px; font-weight: 600; color: #fff; margin: 0 0 20px; text-transform: uppercase;}
h2{font-weight: 500; color: #fff; margin-bottom: 20px;}
.app-icon a{display: inline-block; margin-right: 10px;}
.app-icon img{width: 200px;}
.home-footer{position: fixed; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.75); padding: 20px 0;}
footer p{font-size: 13px; color: #222; margin: 0;}
footer p a{color: #b53528;}
footer .list ul{padding: 0; margin: 0;}
footer .list ul li{list-style: none; display: inline-block; font-size: 13px;}
footer .list ul li a{color: #222; text-transform: capitalize;}
footer .list ul li a:hover, footer .list ul li a:focus, footer .list ul li.active a{color: #b53528;}
footer .list ul li span{margin: 0 10px;}
a{text-decoration: none !important;}
.logo-center img{width: 150px;}
header{padding: 10px 0; background: #f5f5f5;}
header .logo2 a{font-size: 30px; font-weight: 600; color: #000; text-transform: uppercase;}
header .logo2 img{width: 80px; padding-right: 5px;}
.text-red{color: #b53528;}
header .app-icon img{width: 160px;}
header .app-icon a{margin-bottom: 0;}
.inner-page h4{margin-top: 25px;}
.inner-footer{background: #2e2e74; padding: 20px 0;}
.inner-footer p a, .inner-footer .list ul li a, .inner-footer .list ul li span, .inner-footer p{color: #fff;}
.pad-50{padding: 50px 0;}
.text-red{color: #b53528;}
.aboutpage p{text-align: justify;}
.minhg{min-height: 490px;}

@media (max-width: 767px){
	
	.content{transform: translate(0%, -60%); width: 100%; left: 0;}
	.logo{width: 100px;}
	h1{font-size: 35px;}
	h2{font-size: 20px;}
	.app-icon a{display: block; margin-bottom: 10px;}
	footer, footer .text-right{text-align: center !important;}
	header .logo2 span{display: none;}
	header .logo2 img{width: 50px;}
	header .app-icon img{width: 100px;}
	header .app-icon a{display: inline-block; margin-right: 5px;}
}

@media (min-width: 768px) and (max-width: 991px){

	.app-icon a{margin-bottom: 15px;}
	header .logo2 img{width: 60px;}
	header .app-icon img{width: 130px;}
}