section:not(#hero) {width: 100%; max-width: 1200px; padding: 40px 0; position: relative;}
section{width: 100%; height: 100%; margin: 0 auto; padding: 0; position: relative;}
h2.section-head{font-size: 22px; font-weight: bold; padding: 0 0 0 15px; margin: 0; text-align: left; position: relative;}
h2.section-head:before{height: 100%; content: ""; display: block; width: 6px; background: #00428e; position: absolute; top: 0; left: 0;}
.section-content{width: 100%; margin-top: 20px;}
.grid-row{display: flex; flex-wrap: wrap; align-items: flex-start; margin: -30px 0 0;}
.grid-col{width: 47%; margin-top: 30px; padding: 0 1.5%;}
section a.btn{display: inline-block; min-width: 226px; max-width: 100%; padding: 11px 20px; background-color: #00428e; border: 1px solid #C4C4C4; color: #fff; font-size: 14px; font-weight: 700; border-radius: 60px; text-align: center; text-decoration: none; transition: opacity 0.25s;}
section a.btn-l{width: 90%; max-width: 400px;}
section a:hover, section a:focus, button:hover, button:focus {opacity: 0.8; color: #fff !important;}
section .btn-l.none {display: inline-block; min-width: 226px; max-width: 100%; padding: 11px 20px; background-color: silver; color: #fff; font-size: 14px; font-weight: 700; border-radius: 60px; text-align: center; text-decoration: none; transition: opacity .25s;} header{margin: 0; padding: 0; position: sticky; top: 0; left: 0; z-index: 1; background: #fff;}
header:after {background-color: #00428e;}
header #heading{background: #313333; color: #fff; padding: 5px; margin: 0;}
header #heading h1{width: 100%; max-width: 1200px; margin: 0 auto; font-size: 0.65rem; font-weight: 600; letter-spacing: 1px;}
header .header-content{width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}
header .header-content .header-logo{width: 100px; padding: 0.5rem 0; margin: 0 auto; transition: all 0.3s;}
header .header-content .is_scroll{width: 60px; padding: 0.25rem 0;}
header .header-content a{display: block; margin: 0; padding: 0; line-height: 1;}  .footer-info{width: 100%; max-width: 420px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 40px auto;}
.footer-info .site-logo > img{width: 64px;}
.footer-info p{font-size: 11px; line-height: 1.05rem; margin: -7px 0 0;}
.footer-info .foot-img{width: 17.5%; margin: 0 2% 0 0;}
.footer-info .foot-name{width: 65.5%;}
.footer-info .foot-add{width: 100%;}
.footer-info .foot-add ul{list-style: none; margin: 0; padding: 0;}
.footer-info .foot-add ul > li{margin: 0.5rem 0;}
footer .footer-media{padding: 20px 0;}
footer .footer-media .row:before {display: none;} @media (max-width: 767px) {
section:not(#hero) {width: 90%; max-width: 1200px; padding: 20px 0;}
h2.section-head{font-size: 22px; font-weight: bold; padding: 0 0 0 15px; margin: 0; text-align: left; position: relative;}
h2.section-head:before{height: 100%; content: ""; display: block; width: 6px; background: #00428e; position: absolute; top: 0; left: 0;}
.grid-col{width: 100%; padding: 0;}
section a.btn{display: block; min-width: 226px; max-width: 100%; max-width: 300px; padding: 10px;}
section a.btn-l{width: 100%; max-width: 300px;}
header #heading h1{font-size: 0.5rem; letter-spacing: 0;}
header .header-content .header-logo{width: 51px; padding: 0.15rem 0;}
.footer-info{max-width: 320px; margin: 15px auto 30px;}
.footer-info p{font-size: 9px;}
.footer-info .foot-img{width: 17.5%;}
.footer-info .foot-name{width: 65.5%;}
.footer-info .foot-add ul{list-style: none; margin: 0; padding: 0;}
.footer-info .foot-add ul > li{margin: 0.25rem 0;}
}