
body,
.font-family-primary {
  font-family: 'futura-pt', 'Nunito', sans-serif;
  line-height: 1.5;
  letter-spacing: 0.85px;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-family-secondary {
  font-family: 'futura-pt', 'Nunito', sans-serif;
}
.font-family-number {
  font-family: 'aktiv-grotesk', sans-serif;
}

/* Rating */
.stars i {
  color: #ffcb2e;
}
/* Wrapper */
.wrapper {
  max-width: 1350px;
}

/* Cover */
.cover {
  position: relative;
  max-height: 760px;
}
.scroll-down {
    transform: rotate(90deg);
    position: absolute;
    bottom: -100px;
    right: 0;
}

/* Logo */
.navbar-brand {
    background: #000000;
    width: 200px;
    padding: 0 10px 4px 85px;
}
.logo img {
  width: 100%;
}
.logo img.logo-img {
  max-width: 180px;
}
.logo img.logo-icon {
  max-width: 40px;
}

/* Features */
.feature-grid {
  overflow-x: hidden;
}
.icon-wrap {
  position: relative;
}
.icon__img {
  width: 170px;
  margin: 0 auto;
  height: auto;
  z-index: 1;
}
.icon {
  position: relative;
  width: 72px;
  height: 72px;
  z-index: 3;
}
.featured-work__img1 {
    width: 300px;
    height: auto;
    left: -100px;
    bottom: -50px;
    opacity: 0.35;
}

/* Section */
.section-title {
    display: inline-block;
    border-bottom: 2px solid transparent;
}

/* Footer */
.footer {
  position: relative;
  overflow: hidden;
}
.footer-logo__img {
  width: 200px;
}

/* Artwork */
img.hero-img-1 {
    position: absolute;
    top: -212px;
    width: 700px;
    left: -280px;
    transform: rotate(120deg);
    z-index: -1;
    opacity: 1;
}
img.footer-img-1 {
    position: absolute;
    width: 500px;
    bottom: -170px;
    right: -50px;
    z-index: -1;
}
img.footer-img-2 {
    position: absolute;
    width: 300px;
    transform: rotate(228deg);
    right: 476px;
    bottom: -256px;
    z-index: -1;
}
.pattern {
  position: relative;
  overflow: hidden;
}
img.pattern-1 {
    position: absolute;
    z-index: -1;
    width: 400px;
    opacity: 0.18;
    right: 0;
    bottom: 25px;
    transform: rotate(-15deg);
}

@media screen and (max-width: 991px) {
  .cover {
    overflow: hidden;
  }
  .navbar-collapse {
    background: #ffffff;
    padding: 10px;
  }
}