.m-fact .facts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .m-fact .facts .fact {
    position: relative;
    width: 100%;
    min-height: 242px;
    padding: 50px 25px 20px;
    background: 50% / cover no-repeat; }
    .m-fact .facts .fact .pattern {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: none; }
    .m-fact .facts .fact .in {
      position: relative;
      height: 100%;
      overflow: hidden; }
    .m-fact .facts .fact.blue {
      background: #0061a0; }
      .m-fact .facts .fact.blue .pattern {
        display: block;
        background: url(bundles/images/patterns/black_lines.svg) 0 0/30px repeat;
        opacity: .1; }
      .m-fact .facts .fact.blue .text {
        color: #c9db48; }
    .m-fact .facts .fact.green {
      background: #478529; }
      .m-fact .facts .fact.green .pattern {
        display: block;
        background: url(bundles/images/patterns/white_lines.svg) 0 0/30px repeat;
        opacity: .1; }
      .m-fact .facts .fact.green .text {
        color: #c9db48; }
    .m-fact .facts .fact.white .text {
      color: #478529; }
    .m-fact .facts .fact.white .subtext {
      color: #4c4c4c; }

.m-fact h1 {
  font-size: 65px;
  line-height: 1;
  font-weight: 400;
  font-family: "Arvo", -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 0; }

.m-fact h5 {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  margin: 20px 0 0;
  color: #fff; }

@media (min-width: 480px) {
  .m-fact.count-3 .fact {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; } }
  @media (min-width: 480px) and (max-width: 1023.98px) {
    .m-fact.count-3 .fact {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
      .m-fact.count-3 .fact.big {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        min-height: 222px; } }

@media (min-width: 768px) {
  .m-fact.count-3 .fact {
    min-height: 245px; }
    .m-fact.count-3 .fact.big .in {
      max-width: 80%; }
    .m-fact.count-3 .fact h1 {
      font-size: 80px; } }

@media (min-width: 1024px) {
  .m-fact.count-3 .fact {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
    max-width: 28%;
    min-height: 280px; }
    .m-fact.count-3 .fact.big {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 44%;
              flex: 0 0 44%;
      max-width: 44%;
      min-height: 280px; }
    .m-fact.count-3 .fact h1 {
      font-size: 80px; }
    .m-fact.count-3 .fact h5 {
      margin: 0;
      font-size: 18px;
      line-height: 32px; } }

@media (min-width: 1366px) {
  .m-fact.count-3 .fact {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 50px 25px 35px; }
    .m-fact.count-3 .fact.big {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; } }

@media (min-width: 480px) {
  .m-fact.count-4 .fact {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    min-height: 255px; } }

@media (min-width: 768px) {
  .m-fact.count-4 .fact {
    min-height: 245px; }
    .m-fact.count-4 .fact h1 {
      font-size: 80px; }
    .m-fact.count-4 .fact h5 {
      font-size: 16px;
      line-height: 26px; } }

@media (min-width: 1024px) {
  .m-fact.count-4 .fact {
    max-width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    min-height: 280px; }
    .m-fact.count-4 .fact h1 {
      font-size: 80px; }
    .m-fact.count-4 .fact h5 {
      font-size: 18px;
      line-height: 32px; } }