body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

h1,
p,
strong,
li {
  font-family: 'Noto Sans Display', 'Helvetica Neue', sans-serif;
  color: #2e384d;
}

li {
  margin-bottom: 8px;
}

li:last-child {
  margin-bottom: 0;
}

ul li::marker {
  font-size: 0.7em;
}

.container {
  display: flex;
  flex-direction: row;
}

.container > div {
  flex: 1;
}

@media (width <= 600px) {
  .container {
    flex-direction: column;
  }
}

.helmet-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.helmet {
  height: 100%;
  background-image: url("./img/helmet.jpg");
  background-position: 65%;
  background-size: cover;
  background-repeat: no-repeat;
}

.maintenance_logo_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.maintenance_logo_content {
  width: 540px;
  padding: 0 30px;
  margin-top: 30px;
}

.logo {
  width: 130px;
  height: 23px;
}

.maintenance_text_container {
  margin-top: -50px; /* -30px To 'save' the vh from removing those 30px from maintenance_logo_content */
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.maintenance_text_content {
  width: 540px;
  padding: 0 30px;
}

.maintenance_title {
  font-size: 34px;
  font-weight: 300;
  line-height: 35.7px;
  color: #2e384d;
}

.normal_text_style {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #42516E;
}

.bold_text_style {
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 26px;
  color: #42516E;
}

.improvements_header {
  margin-bottom: 8px;
}

.list_changes {
  margin-top: 0;
}

.customer_support_link,
.customer_support_link:active {
  color: #4086c1;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}

.customer_support_link:hover,
.customer_support_link:focus {
  color: #3d9be7;
}

.construction_image {
  float: right;
  max-width: 100%;
  max-height: 100%;
}