/* Import custom variables to overide defaults */
/*
    Customise variables used by Bulma,
    set brand colours, and other (non-typographic) defaults
*/
#page-body {
  padding: 5rem 6rem 3rem 6rem;
}
@media only screen and (max-width: 767px) {
  #page-body {
    padding: 0;
  }
}
#page-body blockquote {
  position: relative;
  width: calc(100% + 12rem);
  background: #002d2b !important;
  left: 0;
  padding: 3rem 9rem;
  margin: 6rem -6rem;
  border: none;
}
#page-body blockquote p {
  font-size: 2.5rem !important;
  font-weight: 300;
  font-style: normal;
  max-width: 100%;
  margin: 3rem 0;
  padding: 0;
  color: white;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  #page-body blockquote p {
    font-size: 2rem !important;
  }
}
@media only screen and (max-width: 767px) {
  #page-body blockquote p {
    font-size: 1.75rem !important;
  }
}
#page-body blockquote .openquote {
  color: #00e0e0;
  position: absolute;
  left: -2rem;
  top: -2rem;
  font-size: 6rem;
}
#page-body blockquote .closequote {
  color: #00e0e0;
  position: absolute;
  font-size: 6rem;
  margin-top: -2rem;
}
#page-body .page-highlight {
  position: relative;
  width: calc(100% + 12rem);
  background: #ccd5d5 !important;
  left: 0;
  padding: 3rem 6rem;
  margin: 6rem -6rem;
}

#wave {
  position: absolute;
  z-index: 1001;
  display: block;
  bottom: -95px;
  left: 60%;
  width: auto;
  height: 345px !important;
  max-width: 1000% !important;
}
@media only screen and (max-width: 767px) {
  #wave {
    display: none;
  }
}