#resourceMenu {
    height: 100vh;
    background-color: #f3f4f5;
    overflow-y: auto;
  }

  #logIn {
    background-image: linear-gradient(#ffffff, #f3f3f3);
  }

  #logIn .beDifferent {
    border-bottom: 1px solid #979797;
    padding: 26px 15px 22px;
  }

  #logIn .beDifferent h4 {
    font-family: 'proxima_nova_alt_semibold' !important;
    font-size: 22px !important;
    line-height: 24px;
    letter-spacing: 1.75px !important;
    margin: 0;
  }

  #logIn .beDifferent p {
    font-family: 'proxima_nova_alt_regular' !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0;
  }

  #logIn .buttons {
    padding: 18px 15px;
  }

  #logIn .buttons a {
    font-family: 'proxima_nova_alt_semibold' !important;
    height: 36px;
    width: 167px;
    line-height: 6px;
  }

  #headerMenu {
    padding-bottom: 9px;
    background-color: #fff;
  }

  #headerMenu>.row {
    margin: 0;
  }

  #headerMenu .headerCol {
    padding: 0;
  }

  #headerMenu .headerCol>div {
    background-image: linear-gradient(#ffffff, #e6e6e6);
    height: 128px;
    margin: 0 1px;
  }

  #headerMenu .row>a.headerCol:first-child>div {
    margin: 0 2px 0 0;
  }

  #headerMenu .row>a.headerCol:last-child>div {
    margin: 0 0 0 2px;
  }

  #headerMenu .headerCol img {
    margin: 0 auto;
  }

  #headerMenu .headerCol p {
    font-family: 'proxima_nova_alt_regular';
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.47px;
    margin-top: 7px;
  }

  #headerMenu .headerCol p>img {
    display: inline;
  }

  #resrouceContent {
    background-color: #f3f4f5;
  }

  #resrouceContent .resourceSection {
    padding-bottom: 9px;
  }

  #resrouceContent .resourceSection:last-child {
    padding-bottom: 0px;
  }

  .resourceSection .card-header {
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    font-family: 'proxima_nova_alt_regular' !important;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1px;
    padding: 14px 14px 14px;
  }

  .resourceSection .card-link {
    padding: 14px 15px 12px;
    border-top: 1px solid #ededed;
  }

  .resourceSection .card:nth-child(2) .card-link {
    border-top: none;
  }

  .resourceSection .card-link,
  .resourceSection .card-sublink {
    font-family: 'proxima_nova_alt_regular' !important;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
  }

  .resourceSection #ourStory img {
    display: inline;
    float: right;
    transform: rotate(0deg);
    transition: transform 0.25s linear;
  }

  .resourceSection #ourStory[aria-expanded="true"] img {
    display: inline;
    float: right;
    transform: rotate(90deg);
    transition: transform 0.25s linear;
  }

  .resourceSection #ourStorySubMenu .card-sublink {
    padding: 9px 33px;
  }

  .resourceSection #ourStorySubMenu .card:first-child .card-sublink {
    padding-top: 6px;
  }

  .resourceSection #ourStorySubMenu .card:last-child .card-sublink {
    padding-bottom: 12px;
  }

  .act-head {
    font-size: 18px;
    font-family: 'proxima_nova_alt_regular' !important;
    letter-spacing: .64px;
   font-weight: 600;
  }

  .act-num {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: .46px;
   font-weight: 100;
  }

  .card-header a {
    font-size: 13px;
    text-decoration: underline;
    letter-spacing: .46px;
  }

  /* LOGGED OUT CSS */
  #loggedOut {
    padding-top: 26px;
  }

  .loggedOutText {
    padding-bottom: 22px;
    border-bottom: 1px solid #979797;
  }

  .loggedOutText>div,
  .loggedOutBtns>div {
    max-width: 345px;
    margin: 0 auto;
  }

  .loggedOutText h4 {
    font-family: 'proxima_nova_alt_semibold';
    font-size: 22px !important;
    line-height: 24px;
    letter-spacing: 1.75px !important;
    margin-bottom: 0;
  }

  .loggedOutText p {
    font-family: 'proxima_nova_alt_regular';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 0;
  }

  .loggedOutBtns {
    padding-top: 18px;
  }

  .loggedOutBtns a {
    font-family: 'proxima_nova_alt_semibold';
    width: 165px;
  }

  @media (min-width: 414px) {
    #headerMenu .headerCol {
      flex: 0 0 32.33333%;
    }
  }