@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
body {
  background: #fff;
  font-family: 'Montserrat';
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

.menu {
  background-color: #141414;
  width: 100%;
  padding: 25px 0px;
  position: fixed;
  z-index: 1;
}

#hero-banner {
  background-image: url("/assets/img/hero 1.jpg");
  background-size: cover;
  background-position: center;
  width: 100vw;
  height: 100vh;
  position: relative;
  padding: 0;
  margin: 0;
}

#hero-banner .hero-content {
  left: 0;
  top: 0;
  height: 100vh;
  position: absolute;
  width: 100%;
  background: black;
  background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 576px) {
  #hero-banner .hero-content {
    background: transparent;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}

#hero-banner .hero-description {
  color: #fff;
  width: 350px;
  margin-top: -50px;
  font-weight: 600;
}

#clients {
  background-color: #FF0022;
  padding: 50px 0px;
}

#content {
  padding: 50px 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#B91372), to(#41EAD4));
  background: linear-gradient(180deg, #B91372 0%, #41EAD4 100%);
}

#content .kudos-container .kudos {
  font-family: 'ApexMk2';
  font-size: 42px;
  color: #41EAD4;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 576px) {
  #content .kudos-container .kudos {
    font-size: 22px;
  }
}

#content .kudos-container .kudos-name {
  float: right;
  font-size: 32px;
  color: #41EAD4;
  font-family: 'Montserrat';
}

@media (max-width: 576px) {
  #content .kudos-container .kudos-name {
    font-size: 18px;
  }
}

#works {
  padding: 50px 0px;
  background-color: #FF0022;
}

#works .work-title {
  font-size: 24px;
  color: #fff;
}

#contact {
  padding: 50px 0px;
  background-color: #011627;
}

#contact .contact-holder {
  color: #fff;
}

#contact .contact-holder a {
  text-decoration: underline;
}

#contact .contact-holder .contact-value {
  font-size: 18px;
  font-family: 'Montserrat';
  font-weight: bolder;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  opacity: 0.9;
  color: #FFFF00;
}

footer {
  padding: 30px 0px;
  font-size: 18px;
  font-family: 'Montserrat';
  font-weight: bolder;
  background-color: #141414;
  color: #fff;
}

.text-apexmk2 {
  font-family: 'ApexMk2';
}

.text-shakerscript {
  font-family: 'ShakerScript';
}

.text-montserrat {
  font-family: 'Montserrat';
}

.text-yellow {
  color: #FAFF00 !important;
}

.section-title {
  text-shadow: 0px 0px 15px #ffff44;
  color: #fff;
  font-size: 72px;
  -webkit-text-stroke: 0.8px #FFFF00;
}

@media (max-width: 576px) {
  .section-title {
    font-size: 46px;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .section-title {
    font-size: 46px;
  }
}

.section-title.section-title-big {
  font-size: 144px;
}

@media (max-width: 576px) {
  .section-title.section-title-big {
    font-size: 72px;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .section-title.section-title-big {
    font-size: 120px;
  }
}

img {
  max-width: 100%;
}

.btn {
  font-weight: bolder;
  text-transform: uppercase;
  border-radius: 50px;
  font-size: 14px;
  padding: 10px 15px;
  border: none;
}

.btn.btn-warning {
  background-color: #FFFF00;
}

@font-face {
  font-family: 'ApexMk2';
  src: url("/assets/fonts/ApexMk2-Regular.otf");
  font-weight: normal;
}

@font-face {
  font-family: 'ApexMk2';
  src: url("/assets/fonts/ApexMk2-BoldExtended.otf");
  font-weight: bold;
}

@font-face {
  font-family: 'ApexMk2';
  src: url("/assets/fonts/ApexMk2-LightCondensed.otf");
  font-weight: lighter;
}

@font-face {
  font-family: 'ShakerScript';
  src: url("/assets/fonts/ShakerScript.woff");
}
/*# sourceMappingURL=style.css.map */