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

.secondary {
  color: #ffffff !important;
}

.third {
  color: #181818 !important;
}

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

header.ui.vertical.masthead.segment.header {
  height: 100vh;
  background-color: #202020 !important;
  border: none !important;
}

#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;
}

div.bottom_segment_title {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  color: #181818 !important;
  font-size: 52px !important;
  padding: 1px;
}

h1.ui.header {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
}

h3.ui.header {
  font-family: "HelveticaNeue-Bold", sans-serif !important;
  font-weight: 700 !important;
}

div.segment.jobboard_segment {
  background: url("../media/job-board-background.png") no-repeat center !important;
  background-size: cover !important;
  padding-top: 10vh;
}
@media only screen and (max-width: 767px) {
  div.segment.jobboard_segment {
    margin-top: 25vh !important;
  }
}

@media only screen and (max-width: 767px) {
  div.segment.job_offer {
    height: 300px !important;
  }
}
@media only screen and (min-width: 992px) {
  div.segment.job_offer {
    height: 250px !important;
    padding: 20px 20px 20px 40px !important;
    border-radius: 20px !important;
  }
}