.pageModules-root {
    -webkit-font-smoothing: antialiased;
    max-width: 1024px;
    margin: 0 auto;
}

/* -------------------------------------------------------------------- */
/* HEADER                                                               */

header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background-position: bottom !important;
    background-size: 100% auto !important;
}

header .container,
header .container-fluid {
    padding: 0;
}

/* -------------------------------------------------------------------- */
/* LOGO                                                                 */

header .logo {
    flex: 0 0 auto;
    margin: 0 30px 0 0;
}

/* -------------------------------------------------------------------- */
/* NAV                                                                  */

header .navigation {
    flex: 1 1 auto;
}

header nav a.active {
    position: relative;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #19426f;
    line-height: normal;
    box-sizing: border-box;
}

header nav a.active:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #19426f transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
}

/* -------------------------------------------------------------------- */
/* FOOTER                                                               */

footer .quicklinks a {
    color: #ffffff;
}

/* -------------------------------------------------------------------- */
/* SIGN UP                                                              */

#signup main {
    color: #515355;
}

#signup main h1, 
#signup main h2, 
#signup main h3, 
#signup main h4 {
    color: #19426f;
}


@media only screen and (min-width: 1441px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, 
    .col-10, .col-11, .col-12 {
        padding: 10px 18px;
    }
}

@media only screen and (max-width: 768px) {
  /* -------------------------------------------------------------------- */
  /* HEADER                                                               */
    
  /* -------------------------------------------------------------------- */
  /* LOGO                                                                 */
  
  header .logo {
      top: 20px;
  }
  
  header .logo img {
      width: 120px;
      height: auto !important;
  }

  /* -------------------------------------------------------------------- */
  /* NAV                                                                  */
  
  header .btn-nav {
      color: #19426f;
      background: none;
  }
  
  header .btn-nav .icon-nav-stripe {
      background-color: #19426f;
  }
  
  header .nav li {
    border-bottom: 1px solid rgb(255 255 255 / 0.1);
  }
  
  header .nav li:last-child {
      border: none;
  }
  
  header nav a.active:after {
      display: none;
  }
  
}

@media only screen and (max-width: 480px) {
  /* -------------------------------------------------------------------- */
  /* HEADER                                                               */
  
  /* -------------------------------------------------------------------- */
  /* LOGO                                                                 */
  
  header .logo {
      top: 20px;
  }
  
  header .logo img {
      width: 90px;
  }
}