@font-face {
    font-family: 'fonts/texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/texgyreherosbold';
    src: url('fonts/texgyreheros-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/texgyreherositalic';
    src: url('fonts/texgyreheros-italic-webfont.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/texgyreherosregular';
    src: url('fonts/texgyreheros-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* RESET */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'fonts/texgyreherosregular', sans-serif;
    color: white;
    background: black;
}

a {
    color: white;
}

img {
    width: 100%;
}

h1 {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 40px;
    line-height: 36px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    font-style: normal;
    color: white;
}

label {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    font-style: normal;
    color: silver;
    background: transparent;
}

label:hover {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    color: #b0b0b0;
    font-style: normal;
    background: transparent;
    cursor: pointer;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    color: white !important;
}

h2 {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    font-style: normal;
    color: white;
    margin-bottom: 26px;
}

h3 {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    font-style: normal;
    color: white;
}

p {
    font-family: 'fonts/texgyreherosregular';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5pt;
    color: #cccccc;
    font-style: normal;
}

p a {
    border-bottom: 1px solid white;
}



/* HEADER */
header {
    position: fixed;
    right: 0;
    width: 290px;
    height: 100%;
    padding: 40px;
    z-index: 1000;

    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 28%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 28%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    -webkit-transition-duration: 0.6s;

    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

/*
header:hover {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 28%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 28%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
*/
header .logo {
    width: 80%;
    height: 140px;
    background-image: url("img/logo/logodp.png");
    background-repeat: no-repeat;
    background-size: 140px;
    background-position: right top;
    display: block;
    font-family: 'fonts/texgyreadventorregular';
    text-transform: uppercase;
    letter-spacing: 0.2pt;
    font-size: 18px;
    float: left;
}

header .btn {
    display: none;
}

header nav {
    margin: 60px 0 0 0;
    float: left;
}

header nav ul.social {
    padding: 40px 0 0 0;
}

header nav ul li {
    height: 22px;
}

header nav ul li.menu a,
header nav ul li.lang a {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1pt;
    text-transform: uppercase;
    color: #b0b0b0;
}

header nav ul li.menu a.active {
    font-family: 'fonts/texgyreherosbold';
    color: white;
}

header nav ul li.lang.active {
    display: none;
}

header nav ul li a {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0pt;
    letter-spacing: 1pt;
    color: #b0b0b0;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

header nav ul li a:hover {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    color: white;
}

header .player {
    position: absolute;
    bottom: 15px;
    right: 40px;
    left: 40px;
}

/* AUDIOPLAYER */
#audioplayer {
    width: 100%;
    height: 60px;
    margin: 50px auto auto auto;
}

#pButton {
    height: 20px;
    width: 20px;
    border: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    outline: none;
}

.play {
    background: url('img/btns/playbut_white.svg');
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.play:hover {
    cursor: pointer;
}

.pause {
    background: url('img/btns/pausebut_white.svg');
}

.pause:hover {
    cursor: pointer;
}

#timeline {
    width: 80%;
    height: 1px;
    float: left;
    background: silver;
    margin: 4px 0 0 28px;
    clear: left;
}

#playhead {
    width: 5px;
    height: 5px;
    background: white;
    margin-top: -2px;
    border-radius: 2px;
    cursor: pointer;

}

span.title {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0.4pt;
    color: #808080;
    display: block;
    margin: 4px 0 0 16px;
    float: left;
}

/* MAIN */
main {
    margin: 0;
    top: 100%;
    position: absolute;
    padding: 0 300px 0 0;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

main section {
    padding: 60px 40px 100px 40px;
    float: left;
    clear: left;
    width: 100%;
}

main section .article {
    margin: 0px 0 60px 0;
    float: left;
    clear: left;
    width: 100%;
}

main section h1 {
    padding: 0 0 60px 0;
}

main section label {
    padding: 0 0 20px 0;
}

main section .article .info {
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
    margin-top: 0px;
}

main section .article .content {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
}

/* BANNER */




section.banner {
    padding: 0;
    position: fixed;
    z-index: -1;
    right: 0;
    left: 0;
    width: inherit;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: black;
}

section.banner img {
    position: fixed;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;

}

section.banner img.on {
    opacity: 0.3;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

/*


@media (min-aspect-ratio: 16/9) {
section.banner img {
    height: 227%;
  }
}

@media (max-aspect-ratio: 16/9) {
section.banner img {
    width: 300%;
    left: -100%;
  }
}
*/



/* NEWS */
main section.news .article .info img {
    max-width: 500px;
}

/* ARTICLE */
section .article h2,
section .article p {
    width: 100%;
    float: left;
    color: #cccccc;
    clear: left;
}

section .article h2 {
    color: white;
    padding: 0 0 20px 0;
}

section .article time {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.1pt;
    color: #d3d3d3;
    padding: 0 0 4px 0;
    float: left;
    width: 100%;
    letter-spacing: 0.3pt;
    font-family: 'fonts/texgyreadventorregular';
}

/* BIO */
section.bio {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    text-align: justify;
}

main section.bio .article .info .img {
    max-width: 400px;
    width: 100%;
}

.image-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.image-with-description {
    text-align: center; /* Center image and description */
    width: 48%; /* Set width to fit two images in a row with a little gap */
    margin-bottom: 20px; /* Add space between rows of images */
}

.left-image {
    width: 100%; /* Occupy full width of the container */
    height: auto;
    padding-right: 5px;
    border-radius: 15px;
}

.right-image {
    width: 100%; /* Occupy full width of the container */
    height: auto;
    padding-left: 5px;
    border-radius: 15px;
}

.description {
    margin-top: 5px;
    font-size: 14px;
}

/* Clear floats on smaller screens for responsiveness */
@media (max-width: 768px) {
    .image-with-description {
        width: 100%; /* Set full width for images on smaller screens */
    }
}

div.info {
    margin-top: -20px;
}

figure {
    text-transform: lowercase;
    font-size: 11px;
    font-family: 'fonts/texgyreadventorregular';
}

div.article p {
    font-family: 'fonts/texgyreadventorregular';
}


div.align_names {
    clear: both;
}

div p.align_l {
    float: initial;
    font-size: 18px;
    font-family: 'fonts/texgyreadventorregular';
    padding: 15px 0px 60px 0px;
    width: 432px;
}

div p.align_r {
    float: right;
    max-width: 900px;
    position: absolute;
    font-size: 18px;
    text-align: center;
    font-family: 'fonts/texgyreadventorregular';
    padding: 15px 0px 60px 0px;
    width: 432px;
}

figcaption.capt_1 {
    float: left;
}

figcaption.capt_2 {
    float: right;
}

img.video_1 {
    border-radius: 18px;
}

img.video {
    border-radius: 18px;
}

/* GIGS */
section.gigs {
    margin: 0px 0 0 0;
}

section#Gigs.gigs {
    padding: 50px 40px 50px 40px
}

section.gigs ul {
    margin: 0px 0 0 0;
    float: left;
    clear: left;
    width: 100%;
}

section.gigs ul li {
    width: 100%;
    padding: 8px 0 10px 0;
    float: left;
    clear: left;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    border-bottom: 1px solid white;
    cursor: pointer;
}

section.gigs ul li:hover span,
section.gigs ul li:hover a {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    color: white !important;
}

section.gigs ul li span {
    float: left;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5pt;
}

section.gigs ul li span.hour {
    width: 100px;
    color: silver;
}

section.gigs ul li span.name {
    color: silver;
    transition-duration: 0.6s;
}

section.gigs ul li span.link {
    width: 100px;
    float: right;
    color: white;
}

section.gigs ul li span.day {
    width: 140px;
}

/* PAST SHOWS */

section.past_Shows {
    padding: 0px 40px 60px 40px
}

label.read-more-trigger {
    font-size: 20px;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

ul.read-more-wrap {
    margin: 0px 0 0 0;
    float: left;
    clear: left;
    width: 100%;
}

.read-more-wrap li {
    width: 100%;
    padding: 8px 0 10px 0;
    float: left;
    clear: left;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    border-bottom: 1px solid white;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 1;
    /* this rendered the list*/
    max-height: 999em;
    font-size: inherit;
    transition: .25s ease;
}

.past_Shows ul li span.day {
    width: 140px;
}

.past_Shows ul li span {
    float: left;
    font-size: 14px;
    color: silver;
    line-height: 22px;
    letter-spacing: 0.5pt;
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: #666;

}

/* DISCOGRAPHY */
section.discography {
    margin: 0 0 60px 0;
}

section.discography .article {
    width: 100%;
    float: left;
}

section.discography .article img {
    width: 20%;
    float: left;
}

section.discography .article .info {
    width: 60%;
    padding: 6px 0 0 20px;
    float: left;
}

section.discography .article .info h2 {
    padding: 10px 0 14px 0;
    width: 40%;
}

section#Discography.discography {
    padding-bottom: 0;
}

section.discography .article .info a.buy {
    border-bottom: 1px solid white;
    margin: 16px 20px 0 0;
    float: left;
    padding: 0 0 1px 0;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5pt;
    color: silver;
}

section.discography .article .info a.buy:hover {
    color: white;
}

section.discography .article .info span.more {
    border-bottom: none;
    margin: 16px 20px 0 0;
    float: left;
    padding: 0 0 2px 0;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1pt;
    color: silver;
    cursor: pointer;
}

section.discography .article .info span.more:hover {
    color: white;
    border-bottom: none;
}

section.discography .article .content {
    width: 100%;
    float: left;
    padding: 0px 0 0 0;
    height: 0;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    overflow: hidden;
}

section.discography .article .content.open {
    height: auto;
}

section.discography .article .info p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1pt;
    padding: 0;
    padding-top: 15px;
}

section#Bio.bio {
    padding-bottom: inherit;
}

/* CONTACT */
section.contact .container {
    padding: 40px 0 260px;
}

section.contact .container p {
    padding: 0 0 22px 0;
}

section.contact .imprint {
    float: left;
    clear: left;
    padding: 40px 0 0 0;
    display: none;
}

section.contact .imp_btn {
    margin: 100px 0 0 0;
    float: left;
    cursor: pointer;
    border-bottom: 1px solid white;
    padding: 0 0 4px 0;
    font-size: 14px;
}

section.contact h1 {
    padding: 0 0 4px 0;
}

section.contact .imprint.on {
    display: block;
}

section.contact p.contact_booking {
    font-family: 'fonts/texgyreadventorregular';
    color: #8c8c8c;
    text-transform: uppercase;
}

/* CREDITS */
section.credits {
    padding: 20px 20px 20px 20px;
}

a.alink {
    border-bottom: 0px;
    color: #CCCCCC
}

a.alink:hover {
    color: white;
}

p.credits_text {
    font-family: 'fonts/texgyreadventorregular';
    font-size: 10px;
    height: 13px;
    color: #808080;
}

section#Contact.contact {
    padding: 130px 40px 220px 40px;
}

.mobile {
    display: none;
}

@media screen and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1140px) {
    section.discography .article {
        width: 100%;
    }

    @media screen and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (max-width: 1140px) {
        section.past_Shows {
            width: 100%;
        }

        @media screen and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2),
        only screen and (max-width: 1140px) {
            label.read-more-trigger {
                font-size: 20px;

            }

            @media screen and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2),
            only screen and (max-width: 1140px) {
                section#Gigs.gigs {
                    width: 100%;
                }

                @media screen and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2),
                only screen and (max-width: 1140px) {
                    div p.align_l {
                        width: 100%;
                        text-align: left;
                    }

                    @media screen and (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (max-width: 1140px) {
                        div p.align_r {
                            width: 100%;
                            text-align: left;
                        }

                        /* gigs */

                        section.gigs ul li span {
                            float: left;
                            font-size: 14px;
                            line-height: 22px;
                            letter-spacing: 0.5pt;
                        }

                        section.gigs ul li span.day,
                        section.gigs ul li span.hour {
                            width: 90px;
                            float: left;
                        }

                        section.gigs ul li span.link,
                        section.gigs ul li span.name {
                            display: block;
                            float: left;
                            width: 100%;
                        }
                    }

                    @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (max-width: 864px) {
                        header {
                            height: 80px;
                            position: fixed;
                            right: 0;
                            top: 0;
                            left: 0;
                            width: 100%;
                            border-left: none;
                            padding: 20px 20px 20px 20px;
                            z-index: 9999;
                            background: rgba(0, 0, 0, 0.8);
                        }

                        @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                        only screen and (max-width: 864px) {
                            section#Gigs.gigs {
                                padding: 0px 40px 20px 20px;
                            }

                            @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                            only screen and (max-width: 864px) {
                                section.past_Shows {
                                    padding: 0px 40px 20px 20px;
                                }

                                @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                                only screen and (max-width: 864px) {
                                    section .article p.align_l {
                                        padding-bottom: 15px;
                                    }

                                    @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                                    only screen and (max-width: 864px) {
                                        section#Contact.contact {
                                            padding: 35px 0px 35px 20px;
                                        }

                                        @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                                        only screen and (max-width: 864px) {
                                            section.credits {
                                                padding: 20px 20px 20px 20px;
                                            }

                                            @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                                            only screen and (max-width: 864px) {
                                                p.credits_text {
                                                    float: none;
                                                }

                                                @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                                                only screen and (max-width: 864px) {
                                                    section.discography {
                                                        margin: 0;
                                                    }

                                                    @media screen and (max-width: 864px) and (-webkit-min-device-pixel-ratio: 2),
                                                    only screen and (max-width: 864px) {
                                                        section#Bio.bio {
                                                            padding-top: 0;
                                                        }


                                                        header:hover {
                                                            background: rgba(0, 0, 0, 0.8);
                                                        }

                                                        header .player {
                                                            display: none;
                                                        }

                                                        header .logo {
                                                            width: 100%;
                                                            height: 50px;
                                                            background-image: url("img/logo/logodp.png");
                                                            background-repeat: no-repeat;
                                                            background-size: 50px;
                                                            background-position: left top;
                                                            display: block;
                                                            font-family: 'fonts/texgyreadventorregular';
                                                            text-transform: uppercase;
                                                            letter-spacing: 0.2pt;
                                                            font-size: 18px;
                                                            float: left;
                                                            padding: 0 0 0 60px;
                                                        }

                                                        header .btn {
                                                            display: block;
                                                        }

                                                        .btn {
                                                            width: 20px;
                                                            height: 24px;
                                                            position: fixed;
                                                            z-index: 9999;
                                                            top: 24px;
                                                            right: 20px;
                                                            -webkit-transform: rotate(0deg);
                                                            -moz-transform: rotate(0deg);
                                                            -o-transform: rotate(0deg);
                                                            transform: rotate(0deg);
                                                            -webkit-transition: .5s ease-in-out;
                                                            -moz-transition: .5s ease-in-out;
                                                            -o-transition: .5s ease-in-out;
                                                            transition: .5s ease-in-out;
                                                            cursor: pointer;
                                                            z-index: 9999;
                                                        }

                                                        .btn span {
                                                            display: block;
                                                            position: absolute;
                                                            height: 1px;
                                                            width: 100%;
                                                            background: white;
                                                            border-radius: 9px;
                                                            opacity: 1;
                                                            left: 0;
                                                            -webkit-transform: rotate(0deg);
                                                            -moz-transform: rotate(0deg);
                                                            -o-transform: rotate(0deg);
                                                            transform: rotate(0deg);
                                                            -webkit-transition: .5s ease-in-out;
                                                            -moz-transition: .5s ease-in-out;
                                                            -o-transition: .5s ease-in-out;
                                                            transition: .5s ease-in-out;
                                                        }

                                                        .btn span:nth-child(1) {
                                                            top: 0px;
                                                        }

                                                        .btn span:nth-child(2),
                                                        .menu_btn span:nth-child(3) {
                                                            top: 6px;
                                                        }

                                                        .btn span:nth-child(4) {
                                                            top: 12px;
                                                        }

                                                        .btn.open span:nth-child(4) {
                                                            top: 18px;
                                                            width: 0%;
                                                            left: 50%;
                                                        }

                                                        .btn.open span:nth-child(2) {
                                                            -webkit-transform: rotate(45deg);
                                                            -moz-transform: rotate(45deg);
                                                            -o-transform: rotate(45deg);
                                                            transform: rotate(45deg);
                                                            top: 6px;
                                                        }

                                                        .btn.open span:nth-child(3) {
                                                            -webkit-transform: rotate(-45deg);
                                                            -moz-transform: rotate(-45deg);
                                                            -o-transform: rotate(-45deg);
                                                            transform: rotate(-45deg);
                                                            top: 6px;
                                                        }

                                                        .btn.open span:nth-child(1) {
                                                            top: 10px;
                                                            width: 0%;
                                                            left: 50%;
                                                        }

                                                        header nav {
                                                            margin: 0 0 0 0;
                                                            float: left;
                                                            background: rgba(0, 0, 0, 1);
                                                            width: 100%;
                                                            height: 100%;
                                                            position: fixed;
                                                            padding: 20px;
                                                            left: 0;
                                                            top: 80px;
                                                            display: none;
                                                            z-index: -1000;
                                                            opacity: 0;
                                                            -webkit-transition-duration: 0.6s;
                                                            -moz-transition-duration: 0.6s;
                                                            -ms-transition-duration: 0.6s;
                                                            -o-transition-duration: 0.6s;
                                                            transition-duration: 0.6s;
                                                        }

                                                        header nav.show {
                                                            display: block;
                                                            z-index: 1000;
                                                            opacity: 1;
                                                        }

                                                        header nav ul {
                                                            float: left;
                                                            width: 100%;
                                                        }

                                                        header nav ul li {
                                                            padding: 4px 0 7px 0;
                                                            float: left;
                                                            width: 100%;
                                                            display: block;
                                                            height: inherit;
                                                        }

                                                        header nav ul li.menu a {
                                                            font-size: 20px;
                                                            line-height: 24px;
                                                            display: block;

                                                        }

                                                        header nav ul li.menu a.active header nav ul li a {
                                                            font-family: 'fonts/texgyreadventorregular';
                                                            font-size: 16px;
                                                            line-height: 20px;
                                                            display: block;

                                                        }

                                                        /*

section.banner {
	right: 0;
	bottom: 0%;
	top:0;
	display: none;
}
section.banner.mobile {
	display: block;
	padding: 80px 0 0 0;
	position: relative;
	top: inherit;
	bottom: inherit;
	background: rgba(0, 0, 0, 1);
}
section.banner video {
	display: none;
}
*/

                                                        main {
                                                            top: inherit;
                                                            position: inherit;
                                                            float: left;
                                                            margin: 0;
                                                            padding: 0;
                                                            background: rgba(0, 0, 0, 1);
                                                        }

                                                        main section {
                                                            padding: 40px 20px 0px;
                                                        }

                                                        main section .article {
                                                            padding: 0px 0px 40px;
                                                            margin: 0;
                                                        }

                                                        main section h1 {
                                                            font-size: 20px;
                                                            line-height: 20px;
                                                            padding: 40px 0px 20px;
                                                        }

                                                        label {
                                                            font-size: 20px;
                                                            line-height: 20px;
                                                        }

                                                        main section .article h2 {
                                                            font-size: 18px;
                                                            line-height: 22px;
                                                            padding: 0 0 20px;
                                                            width: 100%;
                                                        }

                                                        main section .article h3 {
                                                            padding: 0 0 10px 0;
                                                        }

                                                        main section .article .info {
                                                            width: 100%;
                                                            float: left;
                                                        }

                                                        main section .article .content {
                                                            width: 100%;
                                                            float: left;
                                                            padding: 0 0 20px 0;
                                                        }

                                                        main section .article .info {
                                                            width: 100%;
                                                        }

                                                        main section .article time {
                                                            padding: 0 0 4px;
                                                        }

                                                        section .article p {
                                                            padding: 0;
                                                        }


                                                        section.gigs ul {
                                                            padding: 0;
                                                        }


                                                        section.discography .article {
                                                            width: 100%;
                                                            margin: 20px 0 0 0;
                                                        }

                                                        section.discography .article img {
                                                            width: 100%;
                                                        }

                                                        section.discography .article .info {
                                                            width: 100%;
                                                            padding: 20px 0 0;
                                                            float: left;
                                                            clear: left;
                                                            max-width: 100%;
                                                        }

                                                        section.discography .article .info h2 {
                                                            width: 100%;
                                                        }

                                                        section.discography .article .info span.more,
                                                        section.discography .article .info a.buy {
                                                            margin: 0px 20px 0 0;
                                                        }

                                                        section.discography .article .content.open {
                                                            padding: 10px 0 0 0;
                                                        }

                                                        section.discography .article .info p {
                                                            height: inherit;
                                                        }

                                                        section.contact .container {
                                                            padding: 20px 0 80px;
                                                        }

                                                        section.contact {
                                                            padding: 0 20px 80px;
                                                        }



                                                        /* PAST SHOWS HIDDEN */
                                                        /*
label.read-more-trigger {
	font-size: 20px;
  	cursor: pointer;
  	display: inline-block;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
label.read-more-trigger:hover {
	font-size: 20px;
  	cursor: pointer;
  	display: inline-block;
  	line-height: 20px;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.read-more-state {
	display: none;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}
.read-more-state:checked ~ ul.read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-state: ~  ul.read-more-wrap .read-more-wrap li{
  display: none;
}*/
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}