@font-face {
  font-family: 'MuseoCyrl';
  src: url("../fonts/MuseoCyrl900.eot");
  src: url("../fonts/MuseoCyrl900.eot") format("embedded-opentype"), url("../fonts/MuseoCyrl900.woff2") format("woff2"), url("../fonts/MuseoCyrl900.woff") format("woff"), url("../fonts/MuseoCyrl900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Stem';
  src: url("../fonts/Stem-Light.eot");
  src: url("../fonts/Stem-Light.eot") format("embedded-opentype"), url("../fonts/Stem-Light.woff2") format("woff2"), url("../fonts/Stem-Light.woff") format("woff"), url("../fonts/Stem-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

.logo {
  color: #171616;
  font-family: 'MuseoCyrl';
  font-size: 30px;
  font-weight: 900;
}

.logo strong {
  background: -webkit-linear-gradient(360deg, #ff8539, #ff4f7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.logo:hover, .logo:focus {
  color: #171616;
}

.logo-light {
  color: #ffffff;
}

.logo-light:hover, .logo-light:focus {
  color: #ffffff;
}

.navbar {
  background: #ffffff;
}

.navbar-brand {
  padding: 0;
}

.nav-link {
  color: #000;
  font-size: 16px;
  font-weight: 300;
}

.nav-link:hover, .nav-link:focus {
  color: #000;
}

@media (min-width: 992px) {
  .block-3 {
    width: 150px;
  }
}