h1 {@include font-quicksand(none)}
 h2 {@include font-quicksand(none)}
 h3 {@include font-quicksand(none)}
 h4 {@include font-quicksand(none)}
 h5 {@include font-quicksand(none)}
 h6 {@include font-quicksand(none)}
 
 .h--main-title {
    display: inline-block;
    position: relative;
    @include font-quicksand($white,40px);
    padding: 0 0 20px;
    margin: 30px 0 0;
    text-align: center;
    @include mq(tablet-wide,max) {
        margin: 20px 0 0;
    }
    @include mq(phone-wide,max) {
        font-size: 25px;
        padding: 0 0 10px;
    }
    &:before {
        @include pseudo();
        height: 1px;
        width: 140%;
        bottom:0;
        left: -20%;
        background-color: $white;
    }
    &-wrapper {
        overflow: hidden;
        text-align: center;
    }
 }
 
//
// p {  }
 
body, button, input, select, textarea {
    @include font-quicksand();
}
 
table, address, pre {
    //color: $white;
}
 
pre {
    overflow: auto;
}
 
dl, ul, ol, cite {
 //color: $white;
}

a {
    color: $purple;
}

li a {
    color: inherit;
}

code {
    color: $purple;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?o0s1rd');
  src:  url('../fonts/icomoon.eot?o0s1rd#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff2?o0s1rd') format('woff2'),
    url('../fonts/icomoon.ttf?o0s1rd') format('truetype'),
    url('../fonts/icomoon.woff?o0s1rd') format('woff'),
    url('../fonts/icomoon.svg?o0s1rd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mixer:before {
  content: "\e906";
}
.icon-discord:before {
  content: "\e907";
}
.icon-arrow-down:before {
  content: "\e900";
}
.icon-cross:before {
  content: "\e901";
}
.icon-hamburger:before {
  content: "\e902";
}
.icon-minus:before {
  content: "\e903";
}
.icon-play:before {
  content: "\e904";
}
.icon-plus:before {
  content: "\e905";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-twitch:before {
  content: "\ea9f";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-pinterest2:before {
  content: "\ead2";
}