.color-white {
  color: #fff;
}
.color-blue {
  color: #213047;
}
.color-grey {
  color: #7a7a7a;
}
.bg-blue {
  background: #213047;
}
.bg-cream {
  background: #ece7e7;
}
.bg-green {
  background: #8b9996;
}
.filter-opacity {
  -webkit-filter: opacity(0.5);
  filter: opacity(0.5);
}
.font-optima-r {
  font-family: "Optima";
}
.font-akkurat-b {
  font-family: "Cormorant Garamond";
  font-weight: 700;
}

.font-akkurat-li {
  font-family: "Cormorant Garamond";
  font-style: italic;
}

.font-akkurat {
  font-family: "Cormorant Garamond";
}

.font-akkurat-l {
  font-family: "Cormorant Garamond";
}

.opacity-0 {
  opacity: 0 !important;
}
.opacity-1 {
  opacity: 0.2 !important;
}
.opacity-2 {
  opacity: 0.4 !important;
}
.opacity-3 {
  opacity: 0.6 !important;
}
.opacity-4 {
  opacity: 0.8 !important;
}
.opacity-5 {
  opacity: 1 !important;
}

.fw-200 {
  font-weight: 200;
}
.fw-400 {
  font-weight: 400;
}
.fw-700 {
  font-weight: 700 !important;
}

.p-10 {
  padding: 10px;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-40 {
  padding: 40px;
}
.p-50 {
  padding: 50px;
}
.m-10 {
  margin: 10px;
}
.m-20 {
  margin: 20px;
}
.m-30 {
  margin: 30px;
}
.m-40 {
  margin: 40px;
}
.m-50 {
  margin: 50px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}

.border-white {
  border: 1px solid #fff !important;
  border-radius: none !important;
}

.min-h-300 {
  min-height: 300px;
}
.min-h-400 {
  min-height: 400px;
}
.h-400 {
  height: 400px;
}
.h-500 {
  min-height: 500px;
}
.h-600 {
  height: 600px;
}
@media (min-width: 992px) {
  .h-lg-622 {
    height: 622px;
  }

  .pt-lg-150 {
    padding-top: 150px !important;
  }
  .pb-lg-204 {
    padding-bottom: 204px !important;
  }
}