body {
  background: #546e7a;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  margin: 0; }

.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

.section {
  display: flex;
  height: 100vh;
  position: relative;
  width: 100vw; }

.content {
  display: flex;
  height: 100%;
  width: 100%;
  z-index: 1; }
  .content.padded {
    box-sizing: border-box;
    padding: 64px; }
    @media (max-width: 480px) {
      .content.padded {
        padding: 32px; } }

.title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px; }

.description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

.info {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }

.section-btn-wrap {
  margin: 0 auto;
  padding-top: 16px; }

button,
.button {
  background: #4db6ac;
  border: 0;
  border-radius: 128px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 16px 32px;
  text-decoration: none;
  text-align: center; }
  button:hover,
  .button:hover {
    background: #44a69c; }
  button:visited,
  .button:visited {
    text-decoration: none; }

.button-white {
  background: #fff;
  border: 0;
  border-radius: 128px;
  color: #4db6ac;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 16px 32px;
  text-decoration: none; }
  .button-white:hover {
    background: #dde3e6; }
  .button-white:visited {
    text-decoration: none; }

.background {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%; }

.separator {
  height: 32px; }
  .separator.primary {
    background: #4db6ac; }

.hairline {
  background: #fff;
  height: 2px;
  margin: 16px;
  width: 128px; }

.scroll-top {
  align-items: center;
  background: #eceff1;
  border-radius: 4px 4px 0 0;
  bottom: 0;
  color: #4db6ac;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  position: fixed;
  right: 32px;
  width: 64px;
  z-index: 9; }

.welcome-section .background {
  opacity: .4; }

.welcome-section .content {
  align-items: center;
  flex-direction: column;
  justify-content: center; }

.welcome-section .logo {
  height: 64px; }

.welcome-section .title {
  margin: 32px 0 16px; }

.welcome-section .info {
  margin: 16px 0 32px;
  text-align: center;
  width: 256px; }

.welcome-section .buttons {
  display: flex; }
  @media (max-width: 480px) {
    .welcome-section .buttons {
      flex-direction: column; } }

.welcome-section button,
.welcome-section .button {
  margin: 8px 16px; }

.welcome-section .menu {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin: 32px 16px;
  position: absolute;
  right: 0;
  top: 0; }
  .welcome-section .menu .item {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin: 8px 16px; }
  .welcome-section .menu .button {
    padding: 8px 32px; }
  @media (max-width: 480px) {
    .welcome-section .menu {
      display: none; } }

.welcome-section .mobile-login-btn {
  display: none;
  padding: 8px 32px;
  margin-top: 16px; }
  @media (max-width: 480px) {
    .welcome-section .mobile-login-btn {
      display: block; } }

.info-section .content {
  background: linear-gradient(rgba(84, 110, 122, 0), #546e7a);
  flex-direction: column;
  justify-content: flex-end; }

.info-section .description {
  margin: 16px 0; }

.vision-section {
  height: auto; }
  .vision-section .content {
    height: auto; }
  .vision-section .text-container {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 50%; }
    @media (max-width: 480px) {
      .vision-section .text-container {
        width: 100%; } }
  .vision-section .image-container {
    display: inline-block;
    height: 50%;
    margin: 0 0 0 64px;
    text-align: center;
    width: 50%; }
    @media (max-width: 480px) {
      .vision-section .image-container {
        display: none; } }
    .vision-section .image-container img {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
      max-height: 100%;
      max-width: 100%;
      object-fit: contain; }
  .vision-section .description {
    margin: 16px 0; }
  .vision-section .button {
    align-self: center; }

.pitch-section .content {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, white 75%);
  justify-content: flex-end; }
  @media (max-width: 480px) {
    .pitch-section .content {
      background: linear-gradient(rgba(255, 255, 255, 0) 25%, white 75%);
      flex-direction: column; } }

.pitch-section .text-container {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 50%; }
  @media (max-width: 480px) {
    .pitch-section .text-container {
      height: 50%;
      width: 100%; } }

.pitch-section .description {
  color: #546e7a;
  font-weight: 700;
  text-align: center;
  width: 256px; }

.nurse-section {
  height: auto; }
  .nurse-section .content {
    align-items: center;
    background: #4db6ac;
    flex-direction: column;
    height: auto; }
  .nurse-section .description {
    font-weight: 700; }
  .nurse-section .feature-content {
    display: flex;
    flex-wrap: wrap;
    margin: 32px 0;
    width: 100%; }
  .nurse-section .feature {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    text-align: center;
    width: 33%; }
    @media (max-width: 480px) {
      .nurse-section .feature {
        width: 50%; } }
  .nurse-section .info {
    margin: 16px 0;
    width: 128px; }

.employer-section {
  height: auto; }
  .employer-section .content {
    align-items: center;
    background: #fff;
    flex-direction: column;
    height: auto; }
  .employer-section .description {
    color: #546e7a;
    font-weight: 700; }
  .employer-section .feature-content {
    display: flex;
    flex-wrap: wrap;
    margin: 32px 0;
    width: 100%; }
  .employer-section .feature {
    align-items: center;
    color: #546e7a;
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    text-align: center;
    width: 33%; }
    @media (max-width: 480px) {
      .employer-section .feature {
        width: 50%; } }
  .employer-section .info {
    color: #546e7a;
    margin: 16px 0;
    width: 128px; }

.section-cost .content {
  align-items: flex-end;
  background: linear-gradient(rgba(255, 255, 255, 0), white); }

.section-cost .title {
  color: #546e7a;
  padding: 64px 0;
  width: 50%; }
  @media (max-width: 480px) {
    .section-cost .title {
      width: 100%; } }

.section-compare {
  height: auto; }
  .section-compare .content {
    background: #fff;
    flex-direction: column;
    height: auto; }
    @media (max-width: 480px) {
      .section-compare .content {
        padding: 0; } }
  .section-compare .headers {
    display: flex;
    font-size: 22px;
    font-weight: 400;
    justify-content: flex-end;
    line-height: 33px; }
  .section-compare .row {
    align-items: center;
    background: #fff;
    display: flex; }
    .section-compare .row:nth-child(even) {
      background: #eceff1; }
    .section-compare .row .description {
      color: #546e7a;
      flex-grow: 1;
      padding: 32px 8px; }
    .section-compare .row .col {
      width: 15%; }
    .section-compare .row i {
      color: #4caf50; }

.custom-services .content {
  background: #2c3e50;
  flex-direction: column;
  height: auto; }

.custom-services .header {
  display: flex; }
  .custom-services .header .second {
    font-weight: 400;
    margin: 0 16px; }

.custom-services ul {
  display: flex; }
  @media (max-width: 480px) {
    .custom-services ul {
      flex-direction: column; } }

.custom-services li {
  color: #ffb300;
  width: 33%; }

.custom-services .description {
  width: 256px; }

.cta-holder {
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 64px 0; }

footer {
  align-items: center;
  background: #eceff1;
  display: flex;
  height: 64px;
  justify-content: center; }
  footer .info {
    color: #546e7a; }