@media (min-width: 768px) {
  h2.flow {
    font-size: 35px;
  }
}

@media (min-width: 992px) {
  h2.flow {
    font-size: 50px;
  }
}

@media (min-width: 300px) {
  p.flow {
    font-size: 30px;
  }
}

@media (min-width: 576px) {
  p.flow {
    font-size: 45px;
  }
}

@media (min-width: 992px) {
  p.flow {
    font-size: 65px;
  }
}

@media (min-width: 1200px) {
  p.flow {
    font-size: 85px;
  }
}

@media (min-width: 992px) {
  .match-oph1 {
    min-height: 150px;
  }
}

@media (min-width: 1400px) {
  .match-oph1 {
    min-height: 100px;
  }
}

@media (min-width: 992px) {
  .match-oph2 {
    min-height: 100px;
  }
}

@media (min-width: 1400px) {
  .match-oph2 {
    min-height: 80px;
  }
}

@media (min-width: 992px) {
  .match-oph3 {
    min-height: 200px;
  }
}

@media (min-width: 1200px) {
  .match-oph3 {
    min-height: 150px;
  }
}

@media (min-width: 992px) {
  .match-iph2 {
    min-height: 175px;
  }
}

@media (min-width: 1200px) {
  .match-iph2 {
    min-height: 130px;
  }
}

