@font-face {
    font-family: 'AzoSans';
    src: url(../fonts/AzoSans/AzoSans-Regular.ttf);
}

.fixed-top-bar {
    display: flex;
    padding: 12px 40px;
    justify-content: center;
    width:100%;
    margin:0 auto;
    align-items: center;
    line-height: 22px;
    text-align: center;
}

.top-bar-button {
    padding: 5px 15px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    margin-left: 30px;
}

.top-bar-button:hover {
    color: #ffcb05;
    background-color: #25333b;
}
a.top-bar-a-button{
    text-decoration: none;
}
a.top-bar-a-button:hover{
    text-decoration:none;
}


/* fonts */
/*azo*/
.azo_Regular{
    font-family:'AzoSans';
    font-weight: 400;
  font-style: normal;
}

.azo_Bold{
  font-family: 'AzoSans';
  font-weight: 700;
  font-style: normal;
}

.azo_Black {
  font-family: 'AzoSans';
  font-weight: 900;
  font-style: normal;
}

.azo_Medium {
  font-family: 'AzoSans';
  font-weight: 500;
  font-style: normal;
}

.azo_Semibold {
  font-family: 'AzoSans';
  font-weight: 600;
  font-style: normal;
}

.azo_Heavy {
  font-family: 'AzoSans';
  font-weight: 800;
  font-style: normal;
}

.azo_Semibold-Italic {
  font-family: 'AzoSans';
  font-weight: 600;
  font-style: italic;
}

.azo_Heavy-Italic {
  font-family: 'AzoSans';
  font-weight: 800;
  font-style: italic;
}


.azo_Medium-Italic {
  font-family: 'AzoSans';
  font-weight: 500;
  font-style: italic;
}

.azo-Thin-Italic {
  font-family: 'AzoSans';
  font-weight: 100;
  font-style: italic;
}

.azo-Light-Italic {
  font-family: 'AzoSans';
  font-weight: 300;
  font-style: italic;
}

.azo_Regular-Italic {
  font-family: 'AzoSans';
  font-weight: 400;
  font-style: italic;
}

.azo_Bold-Italic {
  font-family: 'AzoSans';
  font-weight: 700;
  font-style: italic;
}

.azo_Black-Italic {
  font-family: 'AzoSans';
  font-weight: 900;
  font-style: italic;
}
/*lato*/

.lato-Regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-Bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-Black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-Medium {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.lato-Semibold {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.lato-Heavy {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.lato-Semibold-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.lato-Heavy-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-style: italic;
}


.lato-Medium-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.lato-Thin-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-Light-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-Regular-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-Bold-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-Black-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/* bebas */
.bebas-neue-Regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bebas-neue-Bold {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* Roboto */
.roboto-Regular {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
}

.roboto-Medium {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
}

.roboto-Semibold {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.roboto-Bold {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
#banner-title {
  font-size: 14px !important;
}
}