body{font-family: 'Abel', sans-serif;font-family: 'Comfortaa', cursive;font-size: 20px;line-height: 1.5em;font-weight: 400;color: #555555;    height: 100vh;padding: 7px;}
.main-area {height: 100%;position: relative;width: 100%;overflow: hidden;}
.main-area-bg {background: rgba(0, 0, 0, 0) url(../images/bakimyapimbg.jpg) no-repeat scroll center center / cover;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.welcome-text-area {color: #ffffff;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;position: relative;z-index: 2;}
.logo {padding: 50px 0;width: 255px;}
.head-text {font-weight: 700;font-size: 35px;line-height: 35px;padding: 40px 0 0;padding-top: 15px;width: 60%;margin: 0 auto;}
.desc-text {font-weight: 400;line-height: 40px;padding: 30px 0;width:70%;margin: 0 auto;}
.contact-grid{}
.contact-grid .contact-content{padding: 10px;}
.contact-grid .contact-content i {font-size: 50px;padding-bottom: 10px;}
.social-grid {display: block;text-align: center;padding: 25px 0;overflow: hidden;width: fit-content;margin: 0 auto;}
.social-grid a {font-size: 15px;width: 30px;height: 30px;line-height: 30px;padding: 0;border: 1px solid #fff;margin: 0 5px;color: #000;background: #fff;display: block;float: left;border-radius: 5px;}
.main-area-bg::after {background: #000;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;}
.transparent-layer .main-area-bg::after {background: #000 url('../images/bakimyapimpattern.png');}

@media (max-width: 767px) {

	.head-text {width: 100% !important;line-height: 32px !important;font-size: 17px !important;}
	.desc-text {line-height: 25px !important;padding: 8px 0 !important;width: 100% !important;padding-bottom: 20px !important;}
	body {font-size: 12px !important;}
	.contact-grid .contact-content {padding: 0 !important;padding-bottom: 7px !important;}
	.contact-grid .contact-content i {font-size: 25px !important;padding-bottom: 7px !important;}
	.logo {padding: 6px 0 0 !important;width: 70% !important;}
}