:root {
  --aline-suave: #be96c6;
  --aline-escuro: #93559a;
}

h1, h2, h3, h4, h5, h6, body, #fh5co-header #navbar li a {
  font-family: "Source Sans Pro", Arial, sans-serif;
}

a {
  color: var(--aline-suave);
}

#fh5co-contact, #fh5co-about {
  padding: 1em 0;
}

a:hover, a:active, a:focus {
  color: var(--aline-suave);
}

.aline-web-avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#fh5co-header.navbar-fixed-top .navbar-brand {
  color: var(--aline-suave);
}
#fh5co-header.navbar-fixed-top #navbar li a:hover {
  color: var(--aline-suave);
}
#fh5co-header.navbar-fixed-top #navbar li.active a {
  color: var(--aline-suave);
}
#fh5co-header.navbar-fixed-top #navbar li.active a span:before {
  background-color: var(--aline-suave);
}

.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: var(--aline-suave);
}
.fh5co-nav-toggle i {
  color: var(--aline-suave);
  background: var(--aline-suave);
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  background: var(--aline-suave);
}

#fh5co-home .gradient {
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, var(--aline-escuro)), color-stop(1, var(--aline-suave)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left, var(--aline-escuro) 0%, var(--aline-suave) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right, var(--aline-escuro) 0%, var(--aline-suave) 100%);
}

#fh5co-work {
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, var(--aline-escuro)), color-stop(1, #b86397));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left, var(--aline-escuro) 0%, var(--aline-suave) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right, var(--aline-escuro) 0%, var(--aline-suave) 100%);
}

#fh5co-services {
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, var(--aline-escuro)), color-stop(1, var(--aline-suave)));
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(top left, var(--aline-escuro) 0%, var(--aline-suave) 100%);
  /* IE10+ */
  background-image: repeating-linear-gradient(to bottom right, var(--aline-escuro) 0%, var(--aline-suave) 100%);
}

.section-heading h2:after {
  background: var(--aline-suave);
}

@media screen and (max-width: 768px) {
  #fh5co-header .navbar-brand {
      color: var(--aline-suave) !important;
  }

  #fh5co-header #navbar li a:hover {
    color: var(--aline-suave) !important;
  }
  
  #fh5co-header #navbar li.active a {
    color: var(--aline-suave) !important;
  }
}