@font-face {
  font-family: "Formula1-Display-Bold";
  src: url("../fonts/formula1-display-bold/formula1-display-bold.woff2") format("woff2"),
       url("../fonts/formula1-display-bold/formula1-display-bold.woff") format("woff"),
       url("../fonts/formula1-display-bold/formula1-display-bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

h3.brand-logo-text,
strong.brand-logo-text,
text.brand-logo-text {
  font-family: "Formula1-Display-Bold", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  line-height: 1;
  text-transform: uppercase;
}

.site-logo {
  display: block;
  width: 200px;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
}

.header-3 .logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
}

.header-3 .logo .site-logo,
.offcanvas__logo .site-logo,
.footer-widget-wrapper-3 .widget-head .site-logo {
  width: 250px;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
}

.admin-brand-text .site-logo {
  /* width: 160px; */
}

@media (max-width: 1199px) {
  .header-3 .logo .site-logo {
    width: 160px;
  }
}

@media (max-width: 575px) {
  .header-3 .logo .site-logo,
  .offcanvas__logo .site-logo {
    width: 150px;
  }
}

.brand-logo-text--light {
  color: #fff;
}

.brand-logo-text--dark {
  color: #000;
}

h3.brand-logo-text.brand-logo-text--light,
h3.brand-logo-text.brand-logo-text--dark {
  font-size: 32px;
}

@media (max-width: 1199px) {
  h3.brand-logo-text.brand-logo-text--light,
  h3.brand-logo-text.brand-logo-text--dark {
    font-size: 20px;
  }
}

.footer-widget-wrapper-3 .widget-head h3.brand-logo-text {
  font-size: 24px;
}

.admin-brand-text strong.brand-logo-text {
  font-size: 24px;
}