.primary {
  color: #0E3554 !important;
}

.secondary {
  color: #ffffff !important;
}

.third {
  color: #181818 !important;
}

.glowgrey {
  color: #AD9768 !important;
  font-family: "HelveticaNeue", sans-serif !important;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  filter: brightness(40%) !important;
}

header.ui.vertical.masthead.segment.header {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  height: 100vh !important;
  position: relative;
  overflow: hidden;
  color: white;
}

#menu.ui.menu,
#mobile-menu.ui.menu {
  background-color: transparent !important;
}

div.header-title {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  color: #ffffff !important;
  font-size: 52px !important;
  padding: 1px;
}
@media only screen and (max-width: 992px) {
  div.header-title {
    font-size: 2.5em !important;
  }
}

.glow_segment_title {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  font-size: 23px;
}
@media only screen and (max-width: 767px) {
  .glow_segment_title {
    font-size: 2em;
  }
}

.glow_segment_underlined_title {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  border-bottom: 2px solid #fc0c77;
  padding-bottom: 5px;
}

h1.who_are_we_segment_title {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  font-size: 43px;
}
@media only screen and (max-width: 992px) {
  h1.who_are_we_segment_title {
    font-size: 2em;
    white-space: wrap;
  }
}

div.masthead.segment.what_we_do_masthead {
  height: 100% !important;
  background-color: #f5f5f5;
  padding-bottom: 10vh !important;
}
@media only screen and (max-width: 767px) {
  div.masthead.segment.what_we_do_masthead {
    margin-top: 10vh !important;
  }
}
@media only screen and (min-width: 992px) {
  div.masthead.segment.what_we_do_masthead {
    padding-top: 50vh !important;
  }
}

@media only screen and (min-width: 1536px) {
  div.what_we_do_section {
    margin-left: 0vw !important;
  }
}
div.what_we_do_section div.five.wide.column {
  margin: 10px -30px -1px 10px !important;
  height: 300px !important;
}
div.what_we_do_section div.five.wide.column h3.ui.header {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  font-weight: 400;
}
div.what_we_do_section div.five.wide.column h5.ui.header {
  font-family: "HelveticaNeue", sans-serif !important;
  font-weight: 300;
}

div.container.what_we_do_container i.ui.icon {
  color: #181818 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1535px) {
  div.container.what_we_do_container {
    font-family: "HelveticaNeue", sans-serif !important;
    margin-left: 15vw !important;
  }
}

@media only screen and (min-width: 992px) {
  div.what_we_do_row {
    margin-top: -30vh !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1535px) {
  div.what_we_do_row {
    font-family: "HelveticaNeue", sans-serif !important;
  }
}

div.ui.stackable.center.aligned.middle.aligned.grid.container.what_makes_us_unique {
  font-family: "HelveticaNeue", sans-serif !important;
  background-color: white;
}
@media only screen and (max-width: 767px) {
  div.ui.stackable.center.aligned.middle.aligned.grid.container.what_makes_us_unique {
    padding-top: 10vh !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1535px) {
  div.ui.stackable.center.aligned.middle.aligned.grid.container.what_makes_us_unique {
    margin-left: 22vw !important;
    margin-top: 5vh;
    width: 70vw !important;
  }
}

.what_makes_us_unique_segment, div.what_makes_us_unique_segment_dark {
  background-color: #f4f5f4 !important;
  border: none !important;
  padding: 35px !important;
  border-radius: 10px !important;
}

div.what_makes_us_unique_segment_dark {
  background-color: #181818 !important;
}

.review-slide {
  position: relative;
  text-align: left;
  padding-top: 60px !important;
  margin-right: 20px !important;
}

.review-avatar {
  position: absolute;
  top: -35px;
  left: 25px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
