@font-face {
    font-family: "IBM Plex Sans Regular";
    src: url("/css/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf") format("truetype");
  }
@font-face {
    font-family: "IBM Plex Sans Italic";
    src: url("/css/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf") format("truetype");
  }
  @font-face {
    font-family: "IBM Plex Sans Bold";
    src: url("/css/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf") format("truetype");
  }


.navbar {

    font-family: "IBM Plex Sans Medium";

} 
.text {

    font-family: "IBM Plex Sans Regular";

}
.header {

  font-family: "IBM Plex Sans Bold";
  font-size: 50px;
  color: rgb(44, 44, 44);
}


.navbar-brand {
    font-family: "IBM Plex Sans Italic";
    font-weight: semibold;
    font-size: 35px;
    padding-left: 0.5em;
} 

.navbar-nav {
    font-family: "IBM Plex Sans Regular";
} 

.test {
    width: 50%;
} 

.sm-icons {
    flex-direction: row;
  }
  @media only screen and (max-width: 960px) {
    .sm-icons .nav-item {
      padding-right: 1em;
      padding-left: 1em;
      justify-content: center;
    }
    .right {
      justify-content: start;
      width: 100%;
    }
  }

  @media only screen and (min-width: 960px) {
    .abs-center-x {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
  }
  .right {
    justify-content: end;
    width: 100%;
  }
  }

  .logo {

    padding-top: 10em;
    padding-bottom: 10em;
  }

  .ul-none {
    list-style: none;
  }

  .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }