@import url("../designsystem/foundation/foundationStyles.css");

body {
    font-family: 'Noto Sans';
  }
  
  @media (min-width: 1200px) {
    .col-xl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
  }

  .navbar {
    padding: 24px;
    background-color: var(--primaryBlue800);
  }

  .navbar li{
    list-style:none;
  }

  .nav-link{
    color:var(--neutralsWhite);
  }

  .nav-link:hover{
    color:var(--neutralsGrey200)
  }

  .min-vh-75{
    min-height:75vh;
  }
  .fillRemaining{
    height:calc(100vh - 99px)
  }

  .collapse-logo {
    max-width: 230px;
    display: block;
  }
  
  .content .contentWrapper {
    gap: 64px;
  }
  
  .content .contentWrapper .heading2 {
    color: var(--neutralsGrey700);
  }
    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {  
    .content .contentWrapper h2 {
      font-size: var(--text3Xl);
    }
  }
    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) { 
      .content .contentWrapper h2 {
        font-size: var(--text4Xl);
    }
  }

  .content .contentWrapper p {
    font-size: var(--textBase);
    color: var(--neutralsGrey500);
    font-weight: 400;
  }
  
  .content .contentWrapper .inlineBold {
    color: var(--neutralsGrey600);
    font-weight: 700;
  }
  .content .contentWrapper a {
    color: var(--primaryBerry800);
    font-weight: 700;
  }
  
  footer {
    flex-shrink: 0;
    padding: var(--spacing320) 0;
    text-align: center;
    width: 100%;
}

  footer .footerWrapper a {
    color:var(--neutralsGrey600)
  }

  footer .footerWrapper a:hover {
    color:var(--neutralsGrey900)
  }

  footer .footerWrapper a i{
    font-size:32px;
  }

  .gap160{
    gap:16px;
  }