@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?2flnoz');
    src: url('../fonts/icomoon.eot?2flnoz#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?2flnoz') format('truetype'), url('../fonts/icomoon.woff?2flnoz') format('woff'), url('../fonts/icomoon.svg?2flnoz#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-facebook:before {
    content: "\ea90";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-spotify:before {
    content: "\ea94";
}

.icon-twitter:before {
    content: "\e907";
    display: none;
}

.icon-youtube:before {
    content: "\ea9d";
}

.icon-appleinc:before {
    content: "\eabe";
}

.icon-soundcloud:before {
    content: "\eac3";
}

body {
    margin: 0;
    /* background: #242424; */
    background: #000;
    -webkit-text-size-adjust: none;
    font-family: "proxima-nova", sans-serif;
}

a,
.scrolldown {
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

img {
    max-width: 200px;
    height: auto;
}


/**** Header CSS ****/

#header-section {
    padding: 0;
    background: url("../images/bg_headerimage.png") no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.overlay-header-section {
    width: 100%;
    height: 100%;
    position: absolute;
}

.mailing-header-inner {
    padding: 32px 10px 0;
    z-index: 1;
    position: relative;
}

.logo-left h1 {
    margin: 0;
}

.header-album-section .coverart a {
    display: inline-block;
}

.coverart img {
    max-width: 250px;
    /* max-width: 100%; */
}

.albumcontainer img {
    max-width: 100%;
}

.scrolldown {
    background: url("../images/scroll-down.png") no-repeat;
    background-size: cover;
    width: 28px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
}

.scrolldown:hover {
    opacity: 0.5;
}

.logo-left {
    display: inline-block;
    vertical-align: middle;
}
.logo-left:hover{
    opacity: 0.5;
}

.header-socials li a,
.header-social li a,
.header-socials,
.header-social li {
    display: inline-block;
}

ul.header-social {
    padding: 0;
    display: inline-block;
    margin: 26px;
}

.header-social li a {
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 22px;
    margin-left: 0;
}

.header-social li:last-child a {
    margin-right: 0;
    font-size: 32px;
    margin-left: 3px;
}

.header-social li a:hover {
    color: #fff;
    opacity: 0.7;
}

.header-socials {
    float: right;
}

.header-album-section {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    height: calc(100vh - 70px);
    overflow: hidden;
    width: 50%;
    margin: 62px auto 0;
    text-align: center;
    z-index: 1;
    position: relative;
}

.album-title {
    font-size: 18px;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 19px 0;
}

.album-link a,
.readmorelink {
    background: #C4C4C4;
    font-size: 18px;
    text-decoration: none;
    color: #242424;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    max-width: 230px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    text-transform: capitalize;
    font-style: italic;
    box-sizing: border-box;
    letter-spacing: 0.9px;
    color: #242424;
    opacity: 1;
    border-radius: 22px;
    border: 1px solid #C4C4C4;
}

.album-link {
    display: block;
}

.album-link a:hover {
    color: #ffffff;
}

.album-link a:hover,
.readmorelink:hover {
    background-color: none;
    background: none;
    border: 1px solid #fff;
}

.moretourlink a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}


/*** Music Section ***/

.section-title {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    padding: 94px 0 95px;
}

.section-title.music {
    color: #fff;
}

#music-section {
    text-align: center;
    padding-bottom: 160px;
    background: #242424;
}

#music-section .albumcontainer {
    display: inline-block;
    margin-right: 100px;
    margin-bottom: 10px;
}

#music-section .albumcontainer:last-child {
    margin-right: 0;
}

#music-section .albumcontainer .album-title {
    font-size: 19px;
    color: #FFFFFF;
    letter-spacing: 2px;
    height: 40px;
}

#music-section .albumcontainer .album-title span {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1.6px;
    height: 40px;
    display: block;
}


/*#music-section .albumcontainer.firstalbum .coverart img {
  max-width: 232px;
}*/

#music-section .album-link a {
    background: #C4C4C4;
    border: 1px solid #C4C4C4;
}

#music-section .album-link a:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}


/*** Video CSS ***/

.youtubeLightBox {
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
}

#ytEmbedAndClose {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    /* position: relative; */
}

.youtubeLightBox iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper {
    position: relative;
}

.video-title {
    color: #fff;
    font-size: 30.06px;
    font-weight: 700;
    letter-spacing: 4px;
    padding: 15px 0 15px 30px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}

.video-title span {
    width: 37%;
    display: inline-block;
    vertical-align: middle;
}

.video-title:before {
    content: "";
    background: url("../images/video-play.png") no-repeat;
    background-size: 100% auto;
    width: 77px;
    height: 92px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.bio-section {
    /*background: url("../images/Bio_Desktop.jpg") no-repeat;
  background-size: cover;
  padding-bottom: 105vh;
  position: relative;*/
    background: url(../images/bio_bg.png) no-repeat;
    padding-bottom: 955vh;
    position: relative;
    background-position: top right;
    background-color: #161616;
    background-size: contain;
}

.overlay-bio-section {
    opacity: 0.30px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.biocontent {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    left: 40%;
}

.biocontent .content-area {
    /*height: 372px;
  overflow: hidden;*/
}

.bio-section p {
    color: #fff;
    max-width: 25vw;
    font-size: 14px;
    line-height: 1.5;
    margin: 10px auto 0;
}

.bio-section p::first-child {
    margin-top: 0;
}

.readmorelink {
    display: none;
    font-size: 19.65px;
    cursor: pointer;
    margin-top: 25px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}

.section-title.bio-title {
    margin: 0 0 0;
    padding-bottom: 35px;
    padding-top: 40px;
}


/*** mailing list ***/

section.mailing-list {
    background: #242424;
    padding-top: 1px;
}


/*** Footer CSS ***/

footer {
    background: #242424;
    padding: 9px 0 20px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

footer a {
    color: #fff;
    text-decoration: none;
    /* margin-left: 11px; */
}

footer a:hover {
    color: #fff;
    opacity: 0.7;
}

.header-bg-mobile,
.bio-bg-mobile {
    display: none;
}

.footer-socials-mobile {
    margin: 20px;
}

.footer-socials-mobile .header-socials {
    float: none;
}

ul.header-social li.fs-fb a {
    margin-left: 0;
    padding-left: 0;
}
.fs-fb:hover {
    opacity: 0.5;
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    #header-section,
    .bio-section {
        background-size: auto 100vh;
    }
    .biocontent {
        left: 30%;
    }
    .bio-section {
        padding-bottom: 100vh;
    }
    .video-title span {
        width: 49%;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .biocontent {
        max-width: 480px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    body section#header-section {
        height: auto;
        background: url(../images/hero_homepage.png) no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
    body section#header-section {
        height: auto;
        background: url(../images/hero_homepage.png) no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }
}

@media only screen and (max-width:1023px) {
    .bio-bg-mobile {
        margin-top: 38px;
        display: block;
        text-align: center;
    }
    .video-title span {
        width: 50%;
    }
    section#header-section {
        height: auto;
        background: url(../images/hero_homepage.png) no-repeat;
        background-size: cover;
    }
    .header-album-section {
        height: auto;
        display: block;
    }
    .scrolldown {
        display: block;
        position: relative;
        z-index: 2;
        text-align: center;
        margin: 16px auto 0;
        left: 0;
        top: 0;
        margin: 30px auto 10px;
        margin: 30px auto 0px;
    }
    #music-section {
        padding-bottom: 65px;
    }
    #music-section .albumcontainer {
        margin-right: 0;
    }
    .biocontent {
        position: static;
        transform: none;
    }
    section.bio-section {
        display: block;
        padding-bottom: 0;
        text-align: center;
        background: none;
        padding-top: 1px;
    }
    .bio-wrap {
        margin-top: 35px;
    }
    .bio-wrap {
        z-index: 2;
        position: relative;
    }
    .bio-section p.showcontent {
        margin: 0 auto;
    }
}

@media only screen and (min-width:1023px) {
    .content-area {
        max-height: 400px;
        overflow-y: scroll;
        position: relative;
        margin-left: 30px;
        float: left;
        height: 300px;
        overflow-y: scroll;
        margin-bottom: 25px;
    }
    .content-area p::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: rgba(246, 245, 245, 0.25);
        border-radius: 10px;
    }
    .content-area p::-webkit-scrollbar {
        width: 7px;
        background-color: rgba(246, 245, 245, 0.25);
        border-radius: 10px;
    }
    .content-area p::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: rgba(246, 245, 245, 0.25);
        border-radius: 10px;
    }
    .content-area::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #242424;
    }
    .content-area::-webkit-scrollbar {
        width: 7px;
        background-color: rgba(246, 245, 245, 0.25);
        border-radius: 10px;
    }
    .content-area::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: rgba(246, 245, 245, 0.5);
    }
}

.desktops {
    display: none;
}

@media only screen and (max-width:767px) {
    .mailing-header-inner {
        padding: 20px 0px 0;
        z-index: 1;
        position: relative;
    }
    .overlay-header-section {
        height: 100%;
    }
    .coverart img {
        max-width: 221px;
    }
    .albumcontainer img {
        max-width: 221px;
    }
    section.bio-section {
        padding-top: 1px;
    }
    .header-bg-mobile,
    .footer-socials-mobile {
        display: block;
        text-align: center;
    }
    .header-bg-mobile {
        margin-top: 15px;
    }
    .header-bg-mobile img,
    .bio-bg-mobile img {
        width: 100%;
    }
    .section-title {
        font-size: 28.01px;
        margin: 0 auto;
        padding: 35px 0;
    }
    .logo-left {
        display: block;
        text-align: center;
        margin: 0 0 6px;
    }
    .header-socials {
        float: none;
        text-align: center;
        display: block;
    }
    .header-social li a {
        margin-right: 15px;
        font-size: 17px;
    }
    .header-social li.fs-soundcloud a {
        font-size: 24px;
    }
    .mobiles {
        display: none;
    }
    .desktops {
        display: block;
    }
    .header-album-section {
        width: 300px;
        margin: 38px auto 0;
        margin: 50px auto 0;
    }
    #header-section {
        padding: 0;
        padding-bottom: 10px;
    }
    .album-title {
        margin: 18px 0;
        font-size: 17.01px;
        letter-spacing: 2.55px;
        margin-top:39px;
    }
    .album-link a,
    .readmorelink {
        padding: 8px 0;
    }
    .owl-carousel.video-wrapper {
        display: block;
    }
    .owl-carousel.video-wrapper {
        background: #000;
    }
    .video-title:before {
        width: 20px;
        height: 24px;
        margin-right: 10px;
    }
    .video-title span {
        width: 85%;
        max-width: 165px;
        margin: 0;
    }
    .video-title span {
        text-align: left;
        letter-spacing: 1px;
    }
    #videoslist {
        max-width: 620px;
        margin: 0 auto;
    }
    #music-section {
        padding-bottom: 55px;
    }
    .biocontent .content-area {
        height: auto;
    }
    .bio-section p {
        display: none;
        max-width: 280px;
    }
    .bio-section p.showcontent {
        display: block;
        /*height: 60vh;*/
    }
    .section-title.bio-title {
        margin-bottom: 22px;
        padding: 0;
    }
    .readmorelink {
        display: block;
    }
    footer {
        font-size: 8px;
        margin-top: 0px;
        padding: 20px 0;
    }
    footer span {
        display: block;
        margin-bottom: 7px;
    }
    /* footer a {
        margin-left: 0;
        margin-right: 5px;
    } */
    footer .footer-inner a:last-child {
        margin-right: 0;
    }
    .footer-socials-mobile {
        margin: 33px auto 25px;
    }
    .video-title {
        font-size: 10.1px;
        padding: 10px 15px;
        width: calc(100% - 30px);
        text-align: left;
        /*bottom:3px;*/
    }
    /*#videoslist.video1 {
    margin: 50px auto;
}*/
    #music-section .albumcontainer {
        margin-right: 0;
        margin-bottom: 75px;
    }
    #music-section .albumcontainer:last-child {
        margin-bottom: 0;
    }
    div.owl-dots {
        position: absolute;
        text-align: center;
        margin: 0;
        bottom: 11px;
        right: 7px;
    }
    #music-section .albumcontainer .album-title {
        font-size: 16.01px;
        letter-spacing: 2.4px;
    }
    /**** Fallback CSS ****/
    /*.header-album-section {
    margin-bottom: 30px;
}*/
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
    #music-section .albumcontainer {
        margin-right: 0;
    }
    .scrolldown {
        right: 48%;
    }
}

@media only screen and (min-width:1300px) {
    /*#header-section{
    height: 80vh;
    background: #000 url(../images/bg_headerimage.png) no-repeat top center;
    background-size: contain;
  }*/
    /*.header-album-section{
      margin: 0;
          height: calc(80vh - 80px);
      
  }*/
    .section-title.music {
        padding-top: 80px;
    }
    .bio-section {
        padding-bottom: 80vh;
    }
    .biocontent {
        left: 43%;
    }
    .header-album-section .album-inner {
        position: absolute;
        top: 40%;
        left: 50%;
        z-index: 5;
        transform: translate(-50%, -50%);
    }
    /*  .header-album-section .album-inner{
        position: absolute;
        top: 50%;
        left: 33%;
        z-index: 5;
        transform: translate(50%,-50%);
    }    */
}

.tourSection .moretourlink {
    display: block;
    text-align: center;
}

.moretourlink a {
    background: transparent;
    font-size: 20px;
    text-decoration: none;
    color: #ffffff;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    max-width: 230px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    text-transform: capitalize;
    font-style: italic;
    box-sizing: border-box;
    opacity: 1;
    border-radius: 22px;
    border: 1px solid;
}

@media only screen and (max-width:767px) and (orientation: portrait) {
    section#header-section {
        height: 100vh;
    }
}

span.divder {
    display: block;
    border: 1px solid #fff;
    opacity: .5;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1900px) {
    section.bio-section {
        padding-bottom: 50vh;
    }
}

body #music-section {
    background: #E9CABE;
}

body section#header-section {
    background: url(../images/header-bg.jpg) no-repeat;
    background-size: 100% 100%;
    height:unset;
}

@media(max-width:767px) {
    body section#header-section {
        background: url(../images/bgheader-mob.png) no-repeat;
        background-size: cover;
        height: unset;
        background-position: bottom;
    }
    #mlist-lightbox input#email {
       
        font-size: 16px;
      
    }
    textarea#textbox-light {
        font-size: 16px;
    }
}

@media only screen and (max-width:767px) and (orientation: portrait) {
    body section#header-section {
        height: auto;
    }
}
@media only screen and (min-width: 1600px) {
    body section#header-section {
       
        height:100vh;
    }
}
.album-title .new-single {
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
}

.album-title .myself {
    font-size: 22px;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
}

#music-section .album-link a {
    background: #5bc2b1;
    border: 1px solid #C4C4C4;
}

section.mailing-list {
    background: #5BC2B1;
}

footer {
    background: #000 !important;
}

section.mailing-list {
    background: #000000;
}

fieldset .mlist-submit {
    background: url(../images/arrow.svg) no-repeat #C9BC78;
    background-position: center;
}

@media only screen and (max-width: 1023px) {
    section.bio-section {
        background: #C2795B;
    }
}

.bio-section {
    background-color: #C2795B;
}

@media only screen and (max-width: 767px) {
    #mlist-lightbox .mlist-container {
        max-width: 90%;
        width: 300px;
    }
}

.album-link a {
    background: #e12631;
    color: #fff;
    border: 1px solid #e12631;
}

@media only screen and (max-width: 767px) {
    .section-title {
        font-size: 28px;
    }
    #music-section .albumcontainer .album-title {
        font-size: 16px;
        letter-spacing: 2.4px;
    }
}

@media only screen and (min-width: 1300px) {
    .coverart {
        display: inline-block;
    }
    .cover-name-link {
        display: inline-block;
    }
}

@media only screen and (min-width: 1300px) {
    .header-album-section .album-inner {
        position: absolute;
        top: 78%;
        left: 38%;
        z-index: 5;
        transform: translate(-50%, -50%);
    }
}

.video-title {
    background: rgba(0, 0, 0, 0.7);
}

.section-title {
    letter-spacing: 4px;
}

@media only screen and (max-width: 1023px) {
    .bio-bg-mobile {
        font-size: 0px;
    }
}

.bio-section {
    /*background: url("../images/Bio_Desktop.jpg") no-repeat;
  background-size: cover;
  position: relative;*/
    background: url(../images/bionewimg.png) no-repeat;
    position: relative;
    background-position: top right;
    background-color: #C2795B;
    background-size: contain;
}

.album-title {
    text-transform: uppercase;
}

@media only screen and (min-width: 1300px) {
    .header-album-section .album-inner {
        position: absolute;
        bottom: -55%;
        left: 228px;
        z-index: 5;
        width: 100%;
        margin-left: 60px;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (min-width: 1300px) {
    .cover-name-link {
        display: inline-block;
        margin-left: 30px;
        vertical-align: top;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
    .bio-section {
        padding-bottom: 80vh;
    }
}

@media only screen and (min-width: 1300px) {
    .cover-name-link {
        display: inline-block;
        vertical-align: top;
        margin-left: 30px;
        margin-top: 53px;
        max-width: 230px;
        width: 100%;
    }
    .merchSection {
      
        padding: 130px 0 !important;
       
    }
}

.mlist-header {
    letter-spacing: 6px;
}

@media only screen and (max-width: 767px) {
    .mlist-header {
        letter-spacing: 3px;
    }
    section.tour-section {
        background-position: left;
    }
}

.album-link a:hover,
.readmorelink:hover {
    background: rgb(255, 255, 255, 0.3);
    border: 1px solid #fff;
}

@media only screen and (min-width: 1023px) {
    .content-area::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: rgb(255, 255, 255, 0.25);
    }
}

.section-title.music {
    padding-top: 75px;
    padding-bottom: 20px;
}

.video-title:before {
    width: 62px;
    height: 75px;
}

@media only screen and (max-width: 767px) {
    .video-title:before {
        width: 18px;
        height: 22px;
        margin-right: 10px;
    }
}

.mlist-header {
    line-height: 55px;
}

@media only screen and (max-width: 767px) {
    .mlist-header {
        letter-spacing: 3px;
        line-height: 24px;
    }
}

.header-social li a {
    margin-right: 15px;
}

.header-social li:last-child a {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    .header-social li:last-child a {
        margin-left: 0px;
    }
    .album-title .myself {
        letter-spacing: 0;
    }
}

@media only screen and (min-width: 1300px) {
    .coverart {
        display: inline-block;
        /*margin-left: 40px;*/
    }
    .header-socials {
        float: right;
        margin-right: 30px;
    }
}

#header-section .header-social li a:hover {
    color: #fff;
    opacity: 0.5;
}

/* footer a {
    letter-spacing: 1px;
} */

.biocontent {
    /*left: 20%;*/
}

@media only screen and (min-width:1300px) {
    .section-title {
        letter-spacing: 6px;
    }
    /* footer a {
        letter-spacing: 2px;
    } */
}

body {
    background: #5BC2B1;
}

@media only screen and (min-width: 1023px) {
    .content-area::-webkit-scrollbar {
        width: 7px;
        background-color: rgba(255, 255, 255, 0.25);
        border-radius: 10px;
    }
}

@media only screen and (min-width: 1023px) {
    .content-area::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: rgba(255, 255, 255, 0.5);
    }
}

.bio-section p {
    font-weight: bold;
}

@media only screen and (min-width: 768px) {
    .logo-left h1 {
        margin: 0;
        padding-left: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .section-title.bio-title {
        letter-spacing: 6px;
        margin-left: 6px;
    }
    .content-area {
        max-height: 400px;
        position: relative;
        margin: 0 auto;
        float: left;
        height: 300px;
        overflow-y: scroll;
        margin-bottom: 25px;
        /* padding-right: 10px; */
    }
    /* .bio-section p {
        max-width: 100%;
    } */
    .biocontent {
        width: 400px;
    }
    .biocontent .content-area {
        width: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bio-section p {
        max-width: 100%;
    }
    .merchInner {
    
        text-align: center;
    }
    .header-album-section {
        display: inline-block;
       
        width: 43%;
        margin: 62px auto 0;
       
    }
    body section#header-section {
        /* background: url(../images/header-bg.jpg) no-repeat; */
       
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    .biocontent {
        left: 18%;
    }
    .merchInner {
    
        text-align: center;
    }
}

@media only screen and (max-width: 1024px) {
    body #music-section .owl-carousel .owl-item.center .album-link {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    body section#header-section {
        /* background: url(../images/bgheader-mob.png) no-repeat;
        background-size: cover; */
    }
}


/*merch css*/

.merchTitle.mob {
    display: none;
}

.merchSection {
    background: #e5c68a;
    padding: 40px 0;
}

.merchTitle {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 39px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px;
    line-height: 1;
    margin-bottom: 15px;
}

.merchOne,
.merchTwo {
    font-size: 0;
}

.merchOne img,
.merchTwo img {
    width: 100%;
}

.merchOne img:hover,
.merchTwo img:hover {
    opacity: 0.7;
}

.merchBut a {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-style: italic;
    color: #fff;
    background-color: #5bc2b1;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 22px;
    height: 43px;
    line-height: 43px;
    width: 181px;
    display: block;
    text-align: center;
    letter-spacing: 0.9px;
    margin: 0 auto;
}

.merchBut a:hover {
    background: #207567;
}

.merchInner .merchContent {
    text-align: center;
}

.merchInner .merchContent {
    margin-right: 0;
}

.merchInner>div {
    display: inline-block;
    vertical-align: middle;
    width: 30.7%;
    margin-right: 3%;
}

@media only screen and (min-width: 1024px) {
    .merchInner {
        max-width: 1000px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1025px) {
    .merchInner {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (max-width: 1023px) {
    .merchInner {
        max-width: 700px;
        margin: 0 auto;
    }
    .merchInner>div {
        margin-right: 1%;
        width: 31.7%;
    }
    .merchTitle {
        font-size: 25px;
    }
}


@media only screen and (min-width: 1800px){
    .header-album-section .album-inner{
        bottom:unset;
        top:78%;
    }
}


@media only screen and (max-width: 767px) {
    .merchTitle.mob {
        display: block !important;
        text-align: center;
    }
    .merchInner {
        max-width: 300px;
        margin: 0 auto;
    }
    .merchTitle.desk {
        display: none;
    }
    .merchInner>div {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .merchInner .merchContent {
        margin-bottom: 0;
    }
    .merchSection {
        padding: 50px 0;
    }
    .merchBut a {
        width: 230px;
    }
}

@media(max-width: 1023px) and (min-width: 768px){
	body section#header-section{
		background: url(../images/header-bg.jpg) no-repeat;
    	background-size: cover;
    	height: unset;
    	background-position: bottom;
	}
}
@media(max-width: 1600px) and (min-width: 1024px){
	body section#header-section{
		background: url(../images/header-bg.jpg) no-repeat;
		background-size: cover;
		height: unset;
		background-position: bottom;
	}
}
@media (min-width: 1601px){
	body section#header-section{
		background: url(../images/header-bg.jpg) no-repeat;
		background-size: cover;
		height: unset;
		background-position: bottom;
	}
}
@media(max-width: 767px) {
    .header-social li.fs-soundcloud a {
        font-size: 28px;
    }
    .header-social li a {
        font-size: 20px;
    }
}
@media(max-width: 767px) and (orientation: portrait){
    body section#header-section {
        height: 100vh;
    }
    .header-album-section{
        margin: 15vh auto 0;
    }
    .scrolldown{
        margin: 10vh auto 0px;
    }
}
@media(max-width: 325px) and (orientation: portrait){
    .header-album-section{
        margin: 8vh auto 0;
    }
    .scrolldown{
        margin: 3vh auto 0px;
    }
}
body {
    background: #000;
}

.footerWrapper {
    font-size: 0.8784vw;
    line-height: 1.0248vw;
    color: #fff;
    text-transform: none;
    padding-bottom: 0.5387vw;
font-family: 'tex_gyre_herosregular', arial;
    text-align: center;
}

@media only screen and (max-width: 1023px), (min-width: 1024px) and (min-width: 1366px) and (orientation: portrait){
.footerWrapper {
    line-height: 26px;
    font-size: 12px;
    width: 97%;
    margin: 0 auto;
}
}


div#music, div#video, div#about, .mlist-wrapper, .footerWrapper, .bottomWrapper .title {
    position: relative;
}
@media only screen and (max-width: 1023px), (min-width: 1024px) and (min-width: 1366px) and (orientation: portrait){
span.mobsep {
    display: none;
}
}
span.mobsep, .footerWrapper span {
    margin-left: 0.2vw;
    margin-right: 0.2vw;
}

br.mobbr {
    display: none;
}
@media only screen and (max-width: 1023px), (min-width: 1024px) and (min-width: 1366px) and (orientation: portrait){
br.mobbr {
    display: block;
}
}


.footerWrapper a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.footerWrapper a:hover{
    opacity: 0.5;
}
span.mobsep, .footerWrapper span {
    margin-left: 0.2vw;
    margin-right: 0.2vw;
}