.layout-content.status .masthead-container.basic .masthead .logo-container img {
  max-width: 250px;
}

.updates-dropdown-container { display:none; }

a[role="button"] {
  text-transform: none!important;
  color: #001e34!important;
  background: #7DE8FF!important;
  letter-spacing: 0!important;
  font-size: 1.075rem!important;
  font-weight: 400!important;
  padding: .75rem 1.5rem!important;
  border-radius: 0.5rem!important;
  text-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  line-height: 1.25!important;
}

a[role="button"]:hover {
  background-color: #048FAD!important;
}

.layout-content.status.status-index .page-status {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.masthead-container::before {
  content: '';
  background: #02406c;
  background: linear-gradient(180deg,#02406c 0%,#001e34 100%);
  width: 100vw;
  height: 250%;
  left: calc(-50vw + 50%);
  position: absolute;
}

.container {
  padding-top: 1rem;
}

.masthead-container, .masthead-container > *, .layout-content.status.status-index .page-status, .container, .container > * {
    position: relative;
}

.container::before {
  content: '';
  background: #EBF0F5;
  position: absolute;
  height: 100%;
  width: 100vw;
  left: calc(-50vw + 50%);
  border-radius: 1.25rem 1.25rem 0 0;
  top: 0;
}

@media (max-width: 768px) {
  .layout-content.status.status-index .page-status {
     margin-top: 2rem;
     margin-bottom: 2rem;
		   }
}
/*
Replace "x" with the number of days you want to show + 2.
For example, if you wanted to show the last 3 days of history, you would replace x with 5.
Do the replacements described above and then paste the following into your Custom CSS section.
*/

.status-day:nth-child(n+5) { display:none; }

/* 2 Column Layout */
.components-container {
  display: flex;
  flex-wrap: wrap;
}

.component-container {
  flex-basis: 50%;
}

.component-container:nth-child(even) {
  border-left: 0 !important;
}

.component-container:nth-child(2) {
  border-top: 1px solid #E0E0E0 !important;
}