/* Blue box */

.blue-box-container {
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
  margin-top:1rem;
  margin-bottom:3rem;
  }

@media (min-width: 576px) {
  .blue-box-container {
    max-width:540px;
    margin-right:auto;
    margin-left:auto;
  }
}

@media (min-width: 768px) {
  .blue-box-container {
    max-width:720px;
  }
}

@media (min-width: 992px) {
  .blue-box-container {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  .blue-box-container {
    max-width:1140px;
  }
}

.blue-box {
  background-color:#106aaa;
  padding:2rem;
  }

.blue-box h2 {
  color:#333333;
  width:100%;
  font-weight:600;
  margin-top:0;
  margin-bottom:2rem;
  }

.blue-box h2::after {
  border-bottom:1px solid #fff;
  margin-top:10px;
  width:100%;
  }

.blue-box p {
  color:#333333;
  }

/* Grey box */

.grey-box-container {
  padding-right:15px;
  padding-left:15px;
  }

.grey-box {
  background-color:#f0f0f0;
  padding:2rem;  
  }

.grey-box h2 {
  width:100%;
  font-weight:600;
  margin-top:0;
  margin-bottom:2rem;
  }

/* Dark blue box */

/* Blue box */

.dark-blue-box-container {
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
  margin-top:1rem;
  margin-bottom:3rem;
  }

@media (min-width: 576px) {
  .dark-blue-box-container {
    max-width:540px;
    margin-right:auto;
    margin-left:auto;
  }
}

@media (min-width: 768px) {
  .dark-blue-box-container {
    max-width:720px;
  }
}

@media (min-width: 992px) {
  .dark-blue-box-container {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  .dark-blue-box-container {
    max-width:1140px;
  }
}

.dark-blue-box {
  background-color:#106aaa;
  padding:2rem;
  }

.dark-blue-box h2 {
  color:#fff;
  width:100%;
  font-weight:600;
  margin-top:0;
  margin-bottom:2rem;
  }

.dark-blue-box h2::after {
  border-bottom:1px solid #fff;
  margin-top:10px;
  width:100%;
  }

.dark-blue-box p {
  color:#333333;
  }

/* Full width light blue container */

.light-blue-row {
  background-color:#F4FAFF;
  padding:3rem 0;
  }

.light-blue-row h2 {
  margin-top:0;
  margin-bottom:2.5rem;
  }

