/* Webfonts in use
  OpenSans, OpenSansBold, OpenSansItalic
*/
/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/

#content {padding:0;}
#content > div:last-child {margin-bottom:80px;}
.fullwidth-grid,
.section-inner-grid {margin-bottom:50px;}
#wrapper > footer {margin-top:0;}
h2, h3 {margin-bottom:30px;}

.fullwidth-grid:not(.color-1-bg) {padding:0;}

.tx-ff-owl-slider .layout-1 p {margin-bottom:20px;}

.icons {display:flex; flex-wrap:wrap; justify-content:center; gap:2%;}
.iconheader h2 {margin-bottom:50px; text-align:center;}
.icon {display:flex; flex-wrap:wrap; align-items:center; width:23.5%; margin-bottom:25px; padding:12px; background-color:#0135ad; border-radius:6px; text-align:center;}
.icon i {display:block; width:100%; font-size:5rem; margin-bottom:10px; color:#fff;}
.icon h4 {width:100%; color:#fff; line-height:1.3;}

@media only screen and (max-width:900px) {
 .icon {width:32%;}
} 

@media only screen and (max-width:900px) {
  .icon {width:49%; margin-bottom:15px;}
  .icon h4 {font-size:1.6rem;}
 } 

 @media only screen and (max-width:640px) {
  .tx-ff-owl-slider .layout-1 p {margin-bottom:8px;}
 } 

 @media only screen and (max-width:400px) {
  .icon h4 {font-size:1.4rem;}
 } 

 @media only screen and (max-width:360px) {
  .icon {width:100%;}
 }