.container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6vw;
  color: var(--colour-text);
  border-radius: var(--border-radius);
  background-color: rgba(255, 255, 255);
  padding: 4vw;
  padding-bottom: 2em;
  box-shadow: var(--shadow-darker);
}

.container h2 {
  font-size: 1.4em;
  font-weight: 700;
  text-wrap: nowrap;
  text-align: center;
  padding-bottom: 1.75vw;
  color: var(--colour-blue-8);
}

.container h4 {
  font-size: 1.1em;
  font-weight: 700;
  text-decoration: underline;
  text-wrap: nowrap;
  text-align: center;
  color: var(--colour-blue-8);
}

.container p {
  text-align: left;
}

.content {
  max-width: 600px;
  margin: auto;
}

/* Media Queries  /////////////////////////////////////////////////*/

@media (min-width: 440px) {
  .container h2 {
    font-size: 5.1vw;
  }

  .container h4 {
    font-size: 4vw;
  }
}

@media (min-width: 640px) {
  .container h2 {
    font-size: 2.05em;
  }

  .container h4 {
    font-size: 1.6em;
  }
}

@media (min-width: 1024px) {
  .container {
    margin-top: 3.8em;
    padding: 2.5em;
  }
}

@media (min-width: 1280px) {
  .container h2 {
    font-size: 2.2em;
    padding-bottom: 0.5em;
  }

  .container h4 {
    font-size: 1.6em;
  }
}

@media (min-width: 1536px) {
  .container h2 {
    font-size: 2.4em;
  }

  .container h4 {
    font-size: 1.8em;
  }
}