@font-face {
        font-family: 'RoundslabSerif';
        src: url('../fonts/RoundslabSerif.ttf'), url('../fonts/RoundslabSerif.ttf') format('truetype');
    }
    /*Global*/
    .fa.fa-volume-up:before {
        content: '';
    }

    .fa.fa-volume-up {
        width: 25px;
        height: 25px;
        background: url(../img/volume-on.svg) no-repeat center center;
    }

    .fa.fa-volume-off:before {
        content: '';
    }

    .fa.fa-volume-off {
        width: 25px;
        height: 25px;
        background: url(../img/volume-off.svg) no-repeat center center;
    }
    i.fa.fa-bars:before {
        content: '';
        width: 25px;
        height: 25px;
        background: url(../img/hamburguesa_bttn.svg) no-repeat no-repeat;
        background-size: 25px;
        display: inline-block;
    }
    i.fa.fa-times:before {
        content: '';
        width: 25px;
        height: 25px;
        background: url(../img/close_bttn.svg) no-repeat no-repeat;
        background-size: 25px;
        display: inline-block;
    }

    body, html {
        height: 100%;
        width: 100%;
        max-width: 100%;
        background: #000;
        color: #fff;
        font-family: freighttextcmp-pro, serif;
    }

    h1, h2, h3, h4, h5, h6 {
        text-transform: uppercase;
        font-family: inherit;
        letter-spacing: 0.2em;
    }

    .h4 {
        font-size: 1.5625rem;
    }

    h1, h2, h3, h4, h5, h6, p, span {
        color: inherit;
    }

    .red {
        color: #cb122c;
    }

    ul.menu.simple {
        list-style: none;
        margin-left: 0;
    }

    ul.menu.simple li {
        display: inline-block;
        margin-right: 20px;
    }

    ul.menu.simple li:last-child {
        margin-right: 0px;
    }
    /*special anchors*/

    header a, .content-wrapper a, .offcanvas-menu a, a.subscribe-open {
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #fff;
    }

    header a, .content-wrapper a, a.subscribe-open {
        position: relative;
    }
    /*header .menu-links a:before, */

    .content-wrapper a:before, a.subscribe-open:before {
        content: '';
        height: 2px;
        background: #fff;
        width: 0;
        /*width: calc(100% - 0.25em);*/
        transition: width 100ms ease;
        transition-delay: 100ms;
        position: absolute;
        right: 0.25em;
        top: calc(100% + 0.1em);
    }

    header .menu-links a:hover:before, .content-wrapper a:hover:before, a.subscribe-open {
        width: 0;
    }

    header .menu-links a:hover:after, .content-wrapper a:hover:after, a.subscribe-open {
        width: calc(100% - 0.25em);
    }

    header .menu-links a:after, .content-wrapper a:after, a.subscribe-open:after {
        content: '';
        height: 2px;
        background: #fff;
        width: 0;
        transition: width 100ms ease;
        transition-delay: 100ms;
        position: absolute;
        left: 0;
        top: 50%;
    }

    header .menu-links a:hover:after, .content-wrapper a:hover:after, a.subscribe-open:hover:after,header .current-menu-item a:after{
        width: calc(100% - 0.25em);
    }


header li.current-menu-item a:after{
	width: calc(100% - 0.25em);
	
}

    header .menu-links a.active:after, .mobile-links li a.active:after,header .menu-links .current-menu-item a:after {
      width: calc(100% - 0.25em);
      content: '';
      height: 2px;
      background: #fff;
      transition: width 100ms ease;
      transition-delay: 100ms;
      position: absolute;
      left: 0;
      top: 50%;
    }

    .mobile-links li a {
      position: relative;
    }

    .def-link {
        position: inherit;
    }

    .def-link:before, .def-link:after {
        content: none !important;
    }

    .strikethrough {
        position: relative;
    }

    .strikethrough:after {
        content: '';
        height: 0.1em;
        background: #fff;
        width: 100%;
        transition: width 100ms ease;
        transition-delay: 100ms;
        position: absolute;
        right: 0px;
        top: 50%;
    }

    footer .subscribe{
        margin-top: 100px;
    }
    .home footer .subscribe {
      margin-top: 0;
    }

    footer>.row {
        margin-bottom: 50px;
    }
    footer .social li a {
      color: #fff;
    }
    .copyright, .subscribe {
      margin-bottom: 20px;
    }
    .reveal-overlay {
      z-index: 9999;
    }
    /*Navigation*/

    header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    header .wrapper {
        /*border-bottom: 1px solid #fff;*/
        height: 135px;
        /*max-width: 75rem;
        margin-right: auto;
        margin-left: auto;*/
        padding: 0;
    }

    .hdr-logo-link {
        position: relative;
        z-index: 999;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .hdr-logo-link img {
        padding: 30px;
        height: 120px;
        width: auto;
    }

    header .wrapper {
        text-align: center;
    }

    header.header .wrapper>a {
        display: inline-block;
    }

    #nav-main ul.menu-links, header.header .wrapper>a {
        float: left;
    }
    /*#nav-main ul.social {
        float: right;
    }*/

    #nav-main>ul {
        display: block;
    }

    #nav-main>ul>li>a {
        line-height: 110px;
    }

    #nav-main>ul>li>a {
        font-size: 18px;
    }

		#nav-main>ul>li:nth-of-type(2){
			margin-right: 70px;
		}

		#nav-main>ul>li:nth-of-type(3){
			margin-left: 70px;
		}

    #nav-main a {
        color: #ffffff;
    }

    #nav-main ul {
        margin: 0;
    }

    #nav-main li {
        list-style: none;
        display: inline-block;
        margin: 0 15px;
    }

    header.header .right-logo {
      display: inline-block;
      float: right;
      padding: 30px 0;
      width: 120px;
      line-height: 50px;
      position: relative;
      z-index: 999;
    }
    /*sticky header*/

    header.fixed {
        position: fixed;
        width: 100%;
        max-width: 100vw;
        top: 0;
        left: 0;
        transition: all 500ms ease;
    }

    header.fixed.hidden {
        -webkit-transform: translateY(-100%);
        -transform: translateY(-100%);
    }
    /*flex sizing*/

    header.header .wrapper>nav {
      position: absolute;
      width: 100%;
      display: flex;
    }

    #nav-main ul.menu-links {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #nav-main ul.menu-links li.menu-item {
        flex-grow: 1;
        text-align: center;
        padding: 0 20px;
    }
    /*home*/

    .hero {
        position: relative;
    }
		
		.home .hero {
			/*min-height: 100vh;*/
		}

    .hero .hero-content {
        position: absolute;
        text-align: center;
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        width: 100%;
    }

    .inner-wrapper>.row {
        margin-bottom: 80px;
    }

    .hero .hero-bg {
        /*height: 60vh;*/
        height: 100% !important;
    }

    .hero ul.social {
        position: absolute;
        bottom: 25px;
        left: 0px;
    }

    .hero ul.social li a:before {
        content: none;
    }

    .hero .video-ui {
        position: absolute;
        bottom: 20px;
        right: 0px;
    }

    .hero .video-ui>a {
        vertical-align: middle;
        display: inline-block;
    }

    .hero .lower {
        position: absolute;
        bottom: 0px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%);
        /*max-width: 75rem;
      margin-right: auto;
      margin-left: auto;*/
        padding: 0 0.9375rem;
        width: 27vw;
        display: block;
        margin: 0 auto;
    }

    .hero h1 {
        margin: 140px 0;
    }

    .hero h6 {
        text-transform: lowercase;
        font-size: 14px;
    }

    .hero .top {
        margin-bottom: 0 !important;
        /*transform: translateY(50px);*/
    }

    .hero .hero-bg {
        overflow: hidden;
    }

    .hero .hero-bg video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 600px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all 27s linear;
    }

    .hero .hero-bg video.grow {
        width: 800px;
        -webkit-transform: translate(-50%, -50);
        transform: translate(-50%, -50);
    }

    .hero .slider .slide {
        min-height: 450px;
        position: relative;
    }

    .hero .slider .slide img {
        position: absolute;
        width: 100%;
        height: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 0;
    }

    .hero .hero-video {
        margin-top: 120px;
    }

    .no-hero {
        margin-bottom: 120px;
    }

    .bg {
        background: url() no-repeat center center;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    img.album-rotate {
        /*transform: rotate(-10deg);*/
        /*max-width: 600px;*/
        margin-bottom: 40px;
        box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
    }

    .amerikan-bg .inner-wrapper {
        position: relative;
        z-index: 9;
        background-color: #000;
    }

    .amerikan-bg {
        overflow: hidden;
        position: relative;
    }

    .inner-wrapper.bg {
        background-repeat: repeat-y;
        background-size: contain;
    }
    /*.tour-section.bg {
      position: relative;
      background-color: #121212;.home .inner-wrapper
      background-image: url(../img/album-tour-blend-bg.png), url(../img/tourbg.jpg);
      background-position: center top, center bottom;
      padding: 15% 0;
      background-size: cover;
    }*/

    .tour-section {
        position: relative;
        padding: 50px 0;
    }

    .album-section {
        padding-top: 200px;
    }

    .album-section>.row {
        margin-bottom: 150px;
    }

    #wavyCanvas {
        position: fixed;
        width: 100%;
        z-index: -1;
        top: 0;
        left: 0;
        /*pixelate*/
        image-rendering: optimizeSpeed;
        image-rendering: -moz-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-crisp-edges;
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
    }

		#background { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: url('../img/passportssuitcasesbg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
		#top-wrapper { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 37.80vw; }
		#passportsandsuitcases { display: block; width: 50vw; height: 50vw; background-image: url('../img/passportsandsuitcases.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 auto; }
		#summertour { display: block; width: 40vw; height: 37.80vw; background-image: url('../img/jbwintertour.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 auto; }
		#therevenge { display: inline-block; width: 35vw; height: 35vw; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-left: -32vw; }
		#right-side { display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: 4vw; }
		#outnow { display: block; width: 25vw; height: 12.1vw; background-image: url('../img/therevenge.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
		.listen-button { display: block; text-align: center; border: 1px solid #ffffff; border-radius: 20px; height: 40px; width: 300px; text-align: center; line-height: 36px; margin: 40px auto 0px auto; }

		#homepage-video { width: 60vw; height: 33.75vw; margin: 0 auto; display: block; border: 1px solid #525252; }
		.video-button { display: block; text-align: center; border: 1px solid #ffffff; border-radius: 20px; height: 40px; width: 300px; text-align: center; line-height: 38px; margin: 20px auto 40px auto; }
		#twothousandart { display: block; width: 50vw; height: 50vw; background-image: url('../img/jb2000.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 auto; }
		#fallinart { display: block; width: 50vw; height: 50vw; background-image: url('../img/fallin.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 auto; }
		.listen-button { display: block; text-align: center; color: #ffffff !important; border: 1px solid #ffffff; border-radius: 20px; height: 40px; width: 300px; text-align: center; font-size: 13px !important; line-height: 36px; margin: 20px auto 40px auto; }
		.listen-button a { color: #ffffff !important; font-size: 13px !important; }
		.youtube-icon { display: inline-block; width: 64px; height: 14px; background-image: url(../img/youtube.png); background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; top: 2px; }
		.album-section .social { display: block; text-align: center; }

		@media (max-width:1200px){
			#top-wrapper { height: 56.70vw; }
			#summertour { width: 60vw; height: 56.70vw; }
		}

		@media (max-width:1000px){
			#top-wrapper { height: 75.60vw; }
			#summertour { width: 80vw; height: 75.60vw; }
		}

    @media screen and ( min-width: 768px) {
        .amerikan-bg {
            position: relative;
        }
        .amerikan-bg .inner-wrapper {
            margin: 10vw;
        }
        .amerikan-bg::before {
            content: ' ';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: url(../img/jba_flag_top.jpg) no-repeat top center, url(../img/jba_flag_top_stripes.jpg) repeat-y bottom center;
            background-size: contain;
            will-change: transform;
            z-index: -1;
            /*background: none;*/
        }
    }

    .inner-wrapper {
        padding: 100px 0;
    }

    .home .inner-wrapper {
        padding: 0;
    }

    table.tourdates {
        width: 100%;
        margin: 30px 0;
    }

    .tourdates tr td:first-child {
        color: #cb122c;
        text-align: left;
    }
	table.tourdates tbody tr:first-child {
		display: table-row !important;
	}
	table.tourdates tbody th {
		border-bottom: 1px solid rgba(255,255,255,.25);
		opacity: .5;
		padding-bottom: 10px;
	}	
	@media screen and (max-width: 768px) {
		table.tourdates tbody th span {
			display: none;
		}
	}
	table.tourdates tbody tr:first-child th:first-child {
		text-align: left;
	}
	table.tourdates tbody tr:first-child th:last-child {
	/*	text-align: right; */
	}
	
	
    .tourdates td {
        padding: 10px 0;
    }

    .tourdates td span {
        text-transform: capitalize;
        letter-spacing: 0.2em;
    }

    .tourdates td:nth-child(2) span {
        text-transform: uppercase;
    }

    .tourdates td:last-child {
        text-align: right;
    }

    .image-grid {
        margin-bottom: 40px;
    }
    .image-grid .column {
      margin-bottom: 50px;
    }

    .image-grid img {
        width: 100%;
        max-width: none;
    }

    .image-grid a.def-link.button {
        padding: 8px 10px;
    }

    .image-grid ul.menu.simple li {
        margin-right: 5px;
    }

    .more-dates {
        letter-spacing: 0.2em;
    }

    .more-dates span {
        display: inline-block;
    }

    .more-dates div {
        /*letter-spacing: normal;*/
        /*font-weight: bold;*/
        display: inline-block;
        /*transform: translateY(1em);*/
    }

    .full-height {
        padding: 200px 0;
    }
    /*archives*/

    .base-title {
        display: none;
    }

    .archive-title {
        padding: 25px 0;
    }

    .article-item {
        position: relative;
        overflow: hidden;
        /*padding-bottom: 50%;*/
        margin-bottom: 30px;
    }

    .article-item .article-thumbnail {
        /*height: 100%;
      min-height: 100%;
      width: auto;
      max-width: none;*/
        /*position: absolute;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;*/
    }

    .article-item .article-h1 {
        position: absolute;
        text-align: left;
        width: 100%;
        bottom: 0;
        z-index: 99;
        pointer-events: none;
        padding: 0 10px;
        font-size: 18px;
        letter-spacing: normal;
    }

    .article-item .article-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 999;
    }
    /*music type*/

    .post-type-music .article-h1 {
        transition: all 300ms ease;
        opacity: 0;
        top: 50%;
        bottom: initial;
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%);
        text-align: center;
    }

    .post-type-music:hover .article-h1 {
        opacity: 1;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .post-type-music .article-content:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        transition: all 300ms ease;
        opacity: 0;
        z-index: 1;
    }

    .post-type-music:hover .article-content:before {
        opacity: 0.3;
    }
    /*news type*/

    .post-type-news img.article-thumbnail, .post-type-news canvas {
        opacity: 0.45;
    }
    /*hero sliders*/

    .slide {
        position: relative;
    }

    .slide .slide-content {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
    }

    .hero-video {
        height: 0;
        position: relative;
        padding-bottom: 37.5%;
    }

    .hero-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 0.9375rem;
    }
    /*single*/

    .hero.single-hero {
      max-width: 75em;
      margin: 0 auto;
      margin-top: 120px;
      margin-bottom: 50px;
    }

    .post-type-music .article-body iframe {
        max-width: 100%;
        height: auto;
    }

    .single-hero h1.article-h1 {
        font-size: 20px;
    }

    .purchase-links li {
        padding: 5px 0;
    }
    .single-music iframe {
        max-width: 100%;
        height: auto;
    }
    /*icons*/

    i.fa * {
        padding-left: 5px;
        font-size: 9px;
        font-family: freighttextcmp-pro, serif;
        font-weight: bold;
        /*letter-spacing: 0;*/
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        display: inherit;
    }

    .button {
        border: 1px solid #fff;
        background: #000;
        border-radius: 0;
    }

    .button:hover {
        background: #fff;
        color: #000;
    }
    /*image pixelation*/

    .image-pixelate {
        position: relative;
    }

    .loaded .image-pixelate img {
        visibility: hidden;
    }

    .image-pixelate canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 99;
    }

    .image-pixelate:hover canvas {
        opacity: 0.45;
    }

    table.xdebug-error.xe-catchable-fatal-error {
        color: black;
    }
    /* @ROB IS IS TYPING... */

    h1.article-h1 {
        font-size: 32px;
        margin: 0 15%;
    }

    .bg.hero-bg {
        opacity: .5;
    }

    h2.slide-title {
        font-size: 32px;
    }

    h1.archive-title {
        font-size: 32px;
    }

    img.article-thumbnail {
        opacity: 0.8;
    }
    /* above the fold landing */

    .hero h1 {
        font-size: 41px;
        letter-spacing: 10px;
    }

    .hero h6 {
        margin-bottom: -50px;
    }

    .content-wrapper a {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #fff;
    }

    .content-wrapper a:before {
        top: calc(100% + -0.6em);
    }

    .hero ul.social {
        position: absolute;
        bottom: 20px;
        left: 0px;
        margin-bottom: 0px;
    }

    .wrapper {
        position: relative;
    }

    .home .subscribe {
        position: absolute;
        top: -80px;
        width: 100%;
        text-align: center;
        padding: 10px;
    }
    #footer {
      position: relative;
    }

    .home #footer {
      padding-top: 0;
    }

    .home #footer .social, .home #footer .row.column.text-center {
      display: none;
    }

    .grey-color *, .grey-color a, .grey-color i {
      color: #666 !important;
    }

    .subscribe {
      text-align: center;
      margin-bottom: 20px;
    }

    .home .subscribe .block {
        display: inline-block;
        background: url(../img/pixelated-flag.png);
        padding: 10px;
    }

    .subscribe .block a {
      color: #fff;
    }
    .subscribe .block a > * {
        margin: 0;
    }
    /*mobile*/

    .show-for-small-only {
        display: none;
    }

    .hide-for-small-only {
        display: inherit;
    }

    .menu-toggle {
        padding: 10px;
        margin-top: 10px;
        display: inline-block;
    }

    .menu-toggle:focus, .menu-toggle:hover {
        color: #fff;
    }

    .offcanvas-wrapper {
      position: relative;
    }

    .offcanvas-wrap {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .offcanvas-menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 100vw;
        transform: translateX(-100%);
        transition: all 500ms ease;
        background-color: #000000;
    }

    .offcanvas-wrap {
        transition: all 500ms ease;
    }

    body.open {
        overflow-y: hidden;
    }

    body.open .offcanvas-wrap {
        transform: translateX(100%);
    }

    .open .offcanvas-menu {
        transform: translateX(0);
    }

    .offcanvas-wrapper {
        padding-top: 20px;
    }

    .offcanvas-wrapper a.menu-toggle {
      position: absolute;
      right: 0;
      top: 0;
    }

    .hdr-logo-link-mobile {
	    	text-align: center;
        margin: 20px auto;
        padding: 0 50px;
        display: block;
    }

    .mobile-nav li {
        margin: 10px 0;
    }

    .mobile-top-bar img {
        display: inline-block;
        height: 50px;
        width: auto;
        padding: 10px;
        padding-bottom: 0;
        margin-top: 5px;
    }

    .mobile-top-bar a.menu-toggle {
      float: right;
    }
    /*subscribe*/

    div#subscribe-modal {
        background: #000;
    }

    div#subscribe-modal label {
        color: #fff !important;
    }

    button.close-button {
      color: #fff;
    }
    button.close-button:hover {
      cursor: pointer;
    }

    .submit.button {
      border: 1px solid #fff;
      margin-bottom: 0;
    }

    [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
      background: #000;
      border: 0;
      border-bottom: 1px solid #fff;
      color: #fff;
      box-shadow: none;
    }

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus, select:focus {
      background: #333;
      border: none;
      border-bottom: 1px solid #fff;
      color: #fff;
      box-shadow: none;
      outline: none;
    }

		@media screen and (max-width: 1500px) {
			#thelightpack { width: 50vw; height: 50vw; }
			/*.home .hero { min-height: 100vh; }*/
			.hero .lower { width: 75vw; }
		}
		
		@media screen and (max-width: 1500px) and (orientation:landscape) {
			/*.home .hero { min-height: 100vh; }*/
		}
		
		@media screen and (max-width: 1020px) {
			#nav-main ul.menu-links li.menu-item { padding: 0px 5px; }
		}
		
    @media screen and (max-width: 920px) {
      #nav-main ul.menu-links li.menu-item {
          padding: 0;
      }
    }

    @media screen and (max-width: 768px) {
        html, body {
            overflow-x: hidden;
            max-width: 100vw;
        }
        .show-for-small-only {
            display: inherit !important;
        }
        .hide-for-small-only {
            display: none !important;
        }
        .hero h1 {
            font-size: 30px;
            margin: 40px 0;
        }
        .hero .hero-bg video {
            max-width: 100vw;
        }
        header {
            background: transparent;
            /*border-bottom: 2px solid #fff;*/
        }
        .hero .video-ui, .hero .social.menu {
            position: static;
            width: 100%;
            text-align: center;
        }
        .hero .video-ui {
            margin-bottom: 10px;
        }
        .hero .video-ui a {
            font-size: 12px;
        }
        .hero .lower {
	        	width: 100%;
            bottom: 50px;
        }
        .hero .video-ui>a {
          margin-right: 0;
        }
        table.tourdates td, table.tourdates a {
            font-size: 10px;
            letter-spacing: normal;
            text-align: left;
            text-transform: initial;
        }
        table.tourdates td:first-child {
            font-size: 14px;
        }
        table.tourdates td:last-child a {
            /*font-family: "Open Sans",sans-serif;*/
            /*font-weight: bold;
            text-align: center;
            font-size: 9px;
            margin-bottom: 0;
            display: inline-block;
            vertical-align: middle;
            padding: 0.85em 1em;
            -webkit-appearance: none;
            transition: background-color 0.25s ease-out, color 0.25s ease-out;
            line-height: 1;
            cursor: pointer;
            background-color: #1779ba;
            color: #fefefe;
            border: 2px solid #cb122c;
            background: #000;
            border-radius: 1.5rem;*/
        }
        table.tourdates td:last-child a:before, table.tourdates td:last-child a:after {
            /*content: none;*/
        }
        body:not(.home) .post-type-music .article-h1 {
            opacity: 1;
        }
        body:not(.home) .article-item .image-pixelate {
            opacity: 0.55;
        }
        .home .subscribe .block {
          background: none;
        }
        /*end small breakpoint*/
        
        #homepage-video { width: 80vw; height: 45vw; }
        #nav-main>ul>li:nth-of-type(2){
					margin-right: 0px;
				}
		
				#nav-main>ul>li:nth-of-type(3){
					margin-left: 0px;
				}
				
				#top-wrapper { height: auto; }
				#therevenge { display: block; width: 50vw; height: 50vw; margin: 0 auto; }
				#right-side { display: block; position: static; top: initial; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
				#outnow { width: 50vw; height: 24.2vw; margin: 40px auto; }
    }

    .siteby {
      color: #666 !important;
      font-size: 12px;
    }

/*TOUR*/
#presale-text { font-size: 26px; color: #ffffff; }
.bit-follow-section-wrapper, .bit-nav-bar-container, .bit-play-my-city-wrapper { display: none !important; }
.content-wrapper .bit-details-inner-wrapper a:after, .content-wrapper .bit-event:after { height: 0px !important; }

.pre-save-button