.o1black { color: #00174a; }
.bg-o1grey { background-color: #f2f2f2; }
.bg-o1darkgrey { background-color: #b0b8c6; }
.o1blue { color: #00277d; }
.bg-o1bluegrey-soft { background-color: #dae1f2; }
.hover-o1blue:hover { color: #00277d; }
.hover-bg-o1blue-soft:hover { background-color: rgba(0, 39, 125, 0.04); }
.hover-bg-o1bluegrey:hover { background-color: #bfcff2; }

.f15 { font-size: 2.6rem; }
@media screen and (min-width:30em) {
  .f15-ns { font-size: 2.6rem; }
}
.f21 { font-size: 2.125rem; }
@media screen and (min-width:30em) {
  .f21-ns { font-size: 2.125rem; }
}
.f45 { font-size: 1.1rem; }
@media screen and (min-width:30em) {
  .f45-ns { font-size: 1.1rem; }
}

.pv25 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
@media screen and (min-width:30em) {
  .pv25-ns { padding-top: 0.625rem; padding-bottom: 0.625rem; }
}
.ph35 { padding-left: 1.125rem; padding-right: 1.125rem; }
@media screen and (min-width:30em) {
  .ph35-ns { padding-left: 1.125rem; padding-right: 1.125rem; }
}


.mt55 { margin-top: 6rem; }
@media screen and (min-width:30em) {
  .mt55-ns { margin-top: 6rem; }
}
.mb36 { margin-bottom: 1.25rem; }

.bgcover-curve {
  background: url(/static/img/curve.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.bgcover-curve-mobile {
  background: url(/static/img/curve-mobile.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.w250px {
  width: 250px;
}