.our-mission {color:#FFF;margin-top:-80px;display:inline-block;width: 100%;margin-bottom:50px;}
.our-mission .grid {position: relative;}
.our-mission h2 {font-family: 'Graphie Bold', sans-serif;font-size: 36px;padding-top:20px;}
.our-mission img {position:absolute;top:25px;display: block;}
.our-mission img.line-fill {width: 0;height:44px;transition: width 4s ease;}
.our-mission img.line-fill.animate {width: 75%;}
.our-mission h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 8px;background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.our-mission .icon {background: #262F3F;margin-bottom:55px;display: table;width: 90px;height:90px;padding-top:20px;position:relative;z-index:9998}
.our-mission .icon svg {display: table;margin:0 auto;}
.our-mission .item-content {}
.our-mission .item-content h3 {font-family: 'Graphie Bold', sans-serif;font-size: 24px;margin-bottom:15px;}
.our-mission .item-content p {font-family: 'Graphie Light', sans-serif;font-size: 18px;}

@media all and (min-width: 1px) and (max-width: 768px) {
    .our-mission {}
    .our-mission h2 {font-size:24px;display: table;margin:0 auto 30px auto;}
    .our-mission h2::before {margin-top: 1px;}
    .our-mission .grid {background:none;max-width: 350px;margin: 0 auto;display: table;}
    .our-mission .icon {margin-bottom:30px;}
    .our-mission .item-content h3 {font-size:18px;}
    .our-mission .item-content p {font-size:16px;margin-bottom:50px;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    .our-mission .grid {background:url(../../img/line1.png) no-repeat 235px 23px}
    .our-mission h2 {font-size:23px;line-height:48px;}
    .our-mission .item-content h3 {font-size: 18px;}
    .our-mission .item-content p {font-size: 16px;}
}