.bold {
  font-weight: 700; }

.light {
  font-weight: 100; }

.no-deco {
  text-decoration: none !important;
}

.drop-shadow {
  -webkit-box-shadow: 20px 20px 30px 0px rgba(0, 0, 0, 0.56);
  -moz-box-shadow: 20px 20px 30px 0px rgba(0, 0, 0, 0.56);
  box-shadow: 20px 20px 30px 0px rgba(0, 0, 0, 0.56); }

.text-shadow {
  text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); }

.v-center {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.h-center {
  text-align: center; }

html, body {
  height: 100%;
  color: #yellow; }

blockquote {
  border-left: none;
  font-weight: 100;
  color: #fac912; }
  blockquote i {
    color: #fffce5; }

.section {
  padding: 6em 1em 6em 1em; }
  @media screen and (max-width: 39.9375em) {
    .section {
      padding: 3em 1em 3em 1em; } }

html, body, p, div, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important; }

a,
a:link,
a:visited {
  text-decoration: underline;
  color: inherit;
  opacity: .8;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }
.home-hero-call a, {
    opacity: .9;
  }
a:active,
a:hover {
  color: inherit;
  opacity: 1; }

body {
  background-color: #1d1d19; }

#nav-bar #logo {
  height: 2.2em; }

.title-bar {
  background-color: transparent; }

.awayBG .title-bar,
#main-menu,
top-bar,
.top-bar ul {
  background-color: #811a18;
  -webkit-transition: background-color ease-out .5s;
  -moz-transition: background-color ease-out .5s;
  -o-transition: background-color ease-out .5s;
  transition: background-color ease-out .5s; }

.cd-auto-hide-header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; }

.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block; }

.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.menu-icon {
  height: 35px;
  width: 35px;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.menu-icon:after,
.menu-icon:hover:after {
  height: 3px;
  background: #d77a06;
  -webkit-box-shadow: 0 14px 0 #d77a06,0 28px 0 #d77a06;
  box-shadow: 0 14px 0 #d77a06,0 28px 0 #d77a06; }

.menu-icon:hover {
  opacity: .7; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#offCanvas {
  background: url(../assets/img/about-content.jpg) no-repeat right center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fac912 !important; }

#offCanvas ul {
  list-style: none;
  padding: 1em;
  margin: 0;
  text-align: center;
  font-size: 1.6em;
  font-weight: 700; }

#offCanvas ul li {
  display: block;
  padding: .25em 0; }

#offCanvas ul li a,
#offCanvas ul li a:link,
#offCanvas ul li a:focus,
#offCanvas ul li a:visited {
  text-decoration: none;
  color: #fac912 !important;
  outline: none !important; }

#offCanvas ul li a:active,
#offCanvas ul li a:hover {
  color: #fffce5 !important; }

#about {
  color: #fac912;
  background: url(../assets/img/about-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#about #logo {
  height: 3em;
  margin-bottom: 2em; }

#about .social {
  color: #fffce5;
  font-size: 3em; }

#about .social i {
  padding: 0 .5em 0 0; }

#saudade {
  color: #fffce5;
  background: url(../assets/img/media-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 1.2em; }
  #saudade .fab {
    font-size: 1.8em;
    padding: .5em 0.5em 0 0; }
  #saudade h2 {
    letter-spacing: .3em;
    font-size: 1.8em;
    color: #fac912; }
  #saudade h3 {
    line-height: 2em;
    text-transform: uppercase; }
  #saudade .quotes {
    padding-top: 3em;
    font-size: 1.3rem; }
  #saudade p {
    letter-spacing: .03em;
    text-transform: uppercase;
    opacity: .6; }
  #saudade .buy {
    opacity: 1; }

#music {
  color: #fac912;
  background: url(../assets/img/merch-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

@media screen and (min-width: 39.9375em) {
  #bandcamp-mob {
    display: none; } }

@media screen and (max-width: 39.9375em) {
  #bandcamp-big {
    display: none; } }

#music .buy {
  color: #fffce5;
  font-size: 2.8em; }

#music .buy i {
  padding: 0 .3em 0 0; }

#music h2 {
  padding-top: 0em;
  padding-bottom: .5em; }
  #music h2 img {
    height: 2.8em; }
  @media screen and (max-width: 39.9375em) {
    #music h2 img {
      height: 3em; } }

#music .av-lp {
  opacity: 1 !important; }

#music h3 {
  padding-bottom: .6em;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .3em; }

#music .buy-button h3 {
  text-transform: uppercase;
  display: inline-block;
  padding: 1em;
  background-color: #1f100b;
  color: #d77a06;
  text-decoration: none; }

#lp {
  color: #fac912;
  background: url(../assets/img/lp-bg.jpg) no-repeat center right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#lp .buy {
  color: #fffce5;
  font-size: 3em; }

#lp .buy i {
  padding: 0 .5em 0 0; }

#dates {
  background: url(../assets/img/dates-content.jpg) no-repeat right center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fac912; }
  @media screen and (max-width: 39.9375em) {
    #dates {
      background: url(../assets/img/dates-content.jpg) no-repeat right center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; } }

#dates h2 {
  font-size: 1.8rem;
  padding-bottom: 1em;
  letter-spacing: .3em;
  font-weight: 100; }

#dates .date {
  font-size: 1.2em;
  padding-bottom: .8em; }

#dates .date .bold {
  padding-right: 1em; }

.instagram {
  background: url(../assets/img/merch-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 2em 0;
  text-align: center; }

.instagram h3 {
  margin: 0;
  font-size: 1.2em; }

.instagram a {
  color: #fac912; }

#instafeed iframe {
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  background: url(../assets/img/merch-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#video {
  background: url(../assets/img/media-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#contact {
  background: url(../assets/img/merch-content.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#contact {
  color: #fffce5; }

#contact .mintaka {
  padding-top: 6em; }

#contact .mintaka img {
  width: 180px;
  height: auto; }

#contact i {
  font-size: 3em;
  padding: 0 .25em 0 .25em; }

#contact .copy {
  padding-top: 3em;
  font-size: .8em;
  opacity: .5; }

#video-hero-video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

#video-hero-header {
  position: relative;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.video-hero-call {
  color: #fffce5;
  text-transform: uppercase;
  line-height: 7em;
  font-size: 1em;
  letter-spacing: 1em;
  text-align: center; }
  .video-hero-call a {
    text-decoration: none !important; }
  .video-hero-call img {
    height: 9vw;
    max-width: 90vw;
    min-height: 4em; }
  @media screen and (max-width: 39.9375em) {
    .video-hero-call {
      line-height: 5em; } }

.video-hero-down {
  position: absolute;
  bottom: 2em;
  color: #222;
  text-align: center; }
  .video-hero-down img {
    height: 1.5em; }

#home-hero-header {
  position: relative;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.home-hero-call {
  color: #fffce5;
  text-transform: uppercase;
  line-height: 7em;
  font-size: 1em;
  letter-spacing: 1em;
  text-align: center; }
  .home-hero-call a {
    text-decoration: none !important;
    opacity: .9 !important;
  }
  .home-hero-call img {
    height: 9vw;
    max-width: 70vw;
    min-height: 4em; }
  @media screen and (max-width: 39.9375em) {
    .home-hero-call {
      line-height: 5em; } }

.home-hero-down {
  position: absolute;
  bottom: 2em;
  color: #222;
  text-align: center; }
  .home-hero-down img {
    height: 1.5em; }

#home-hero {
  background: url(../assets/ntf/ntf-hero.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh; }
  @media screen and (max-width: 39.9375em) {
    #home-hero {
      min-height: 0vh;
      padding-top: 52.4633207373%; } }