@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body{ font-family:Ubuntu !important; background:#fff; font-size:15px; padding:0; margin:0; color:#262e40;}
::selection{ color:#fff; background:#3867ff;} ::-moz-selection{ color:#fff; background:#3867ff;} ::-webkit-selection{ color:#fff; background:#3867ff;}
*{ outline:none !important; text-decoration:none !important; list-style:none; font-family:Ubuntu;} ul, li{ padding:0; margin:0; list-style:none;}
.container{ max-width:950px; margin:auto;}

header{ float:left; width:100%; background-image: linear-gradient(to right, #c94b4b , #4b134f);}
.content-section{ float:left; width:100%; position:relative;}
.content-wrap{ display:inline-block; width:100%; padding:90px; padding-top:0; min-height:800px; box-sizing:border-box; position:relative;}
header .title-div{ display:table; width:100%; text-align:center; height:450px; max-width:750px; margin:auto;}
header .title-wrap{ display:table-cell; vertical-align:middle;}
.title-div h1{ font-size:42px; font-weight:800; margin-top:20px; color:#fff;}
.title-div small{ font-size:18px; letter-spacing:4px; color:#fff; text-transform:uppercase;}

.main-content{ display:inline-block; width:100%; padding:20px 0;}
.main-content p{ line-height:28px; color:#444b5c; margin-bottom:30px;}

.social-links{ display:flex; width:40px; position:absolute;}
.sticky{ position:sticky; top:40px;}
.social-links ul{ position:absolute; top:20px; left:-90px;}
.social-links ul li{ margin-bottom:5px;}
.social-links ul li a{ display:inline-block; background:#06C; color:#fff; position:relative; position:relative; width:40px; height:40px; box-sizing:border-box;}
.social-links ul li a i{ position:absolute; width:40px; height:40px; left:0; top:0; bottom:0; text-align:center; line-height:40px;}

.social-links ul li a.fb{ background:#3f528d;}
.social-links ul li a.tw{ background:#2fa9e8;}
.social-links ul li a.in{ background:#3172aa;}
.social-links ul li a.pn{ background:#ae2829;}

.admin-icon{ display:block; width:65px; height:65px; background:#e0e0e0; margin:auto; border-radius:100%; border:solid 3px #fff; position:relative; top:-35px; overflow:hidden;}
.admin-icon img{ width:100%;}

.banner-image{ display:inline-block; width:100%; border-radius:6px; overflow:hidden; background:#4b5779; height:340px;}
.banner-image img{ width:100%;}


@media (max-width: 980px) {
	.social-links{ display:inline-block; left:90px !important;}
}

@media (max-width: 767px) {
	.title-wrap{ padding:0 50px;}
	.title-div h1{ font-size:30px;}
	header .title-div{ height:320px;}
	.main-content{ padding:0;}
	.content-wrap{ padding-right:30px; padding-left:60px;}
	.social-links{ left:30px;}
}
.bulletic{ margin-left:30px;}
.bulletic li{ list-style:disc !important; color:#444b5c; margin-bottom:10px;}

.large{ font-size:36px; margin-bottom:20px;}
.medium{ font-size:24px; margin-bottom:15px;}
.small{ font-size:18px; margin-bottom:15px;}