@font-face {

    font-family: 'TTBluescreens';

    src: url('../fonts/TTBluescreens-Regular.eot');

    src: url('../fonts/TTBluescreens-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/TTBluescreens-Regular.woff') format('woff'),

    url('../fonts/TTBluescreens-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'TTBluescreensBlack';

    src: url('../fonts/TTBluescreens-Black.eot');

    src: url('../fonts/TTBluescreens-Black.eot?#iefix') format('embedded-opentype'),

    url('../fonts/TTBluescreens-Black.woff') format('woff'),

    url('../fonts/TTBluescreens-Black.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



a, a:link, a:visited {

    color: #fff;

}



body {

    background-color: #000;

    color: #fff;

    font: normal 40px/1.3em 'TTBluescreens';

    text-transform: uppercase;

}



header {

    background: #060606 url('../img/header-bg.jpg') 0 0 no-repeat;

    background-size: 100% auto;

    padding-bottom: 55px;

    position: relative;

}



header #header-content {

    margin: 10px auto 0 auto;

    max-width: 1062px;

    width: 100%;

}



header h1 {

    margin: 0;

    padding: 0;

}



header .head-wrap {

    max-width: 531px;

    width: 100%;

}



header ul {

    display: inline-block;

    list-style: none;

    margin: 0;

    padding: 0;

    position: relative;

}



header ul li {

    display: inline-block;

}



header ul#social {

    bottom: 20px;

}



header ul#social li:not(:first-child) {

    margin-left: 25px;

}



header ul#social li a,

header ul#social li a:link,

header ul#social li a:visited {

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 0 8px 7px 0 rgba(0, 0, 0, 0.43);

    color: #000;

    display: block;

    font-size: 20px;

    height: 45px;

    line-height: 47px;

    text-align: center;

    transition: background-color 0.5s, color 0.5s;

    -webkit-transition: background-color 0.5s, color 0.5s;

    width: 45px;

}



header ul#social li a:hover,

header ul#social li a:active,

header ul#social li a:focus {

    background-color: #000;

    color: #fff;

}



header ul#nav-main {

    bottom: 16px;

    float: right;

    margin-left: 45px;

}



header ul#nav-main li:last-child {

    margin-left: 40px;

}



header ul#nav-main li a,

header ul#nav-main li a:link,

header ul#nav-main li a:visited {

    color: #fff;

    font: normal 48px/1.3em 'TTBluescreensBlack';

    letter-spacing: 1px;

    text-shadow: 0 8px 13.6px rgba(0, 0, 0, 0.44);

    transition: color 0.5s, text-shadow 0.5s;

    -webkit-transition: color 0.5s, text-shadow 0.5s;

}



header ul#nav-main li a:hover,

header ul#nav-main li a:active,

header ul#nav-main li a:focus {

    color: #000;

    text-decoration: none;

    text-shadow: 0 0 13.6px rgba(255, 255, 255, 1);

}



header img#album-art {

    bottom: 12px;

    position: relative;

}



header h2 {

    font-size: 58px;

    letter-spacing: 1px;

    margin-top: 0;

    text-align: center;

}



header h2 strong {

    font-family: 'TTBluescreensBlack';

}



header a.preorder-btn,

header a.preorder-btn:link,

header a.preorder-btn:visited {

    background-color: #fff;

    border: 1px solid #fff;

    color: #000;

    display: inline-block;

    font-weight: 900;

    height: 55px;

    letter-spacing: 0.12em;

    line-height: 55px;

    margin: 10px;

    max-width: 100%;

    padding: 0 15px;

    text-align: center;

    text-indent: 0.06em;

    transition: background-color 0.5s, color 0.5s;

    -webkit-transition: background-color 0.5s, color 0.5s;

}



header a.preorder-btn:hover,

header a.preorder-btn:active,

header a.preorder-btn:focus {

    background-color: #000;

    color: #fff;

    text-decoration: none;

}



header .video {

    border: 1px solid #fff;
    margin-top: 30px;

}



main {

    max-width: 1110px;

    padding: 0 15px;

    width: 100%;

}



main h3 {

    font: normal 52px/1.3em 'TTBluescreensBlack';

    text-align: center;

}



main #shows {

    max-height: 640px;

    overflow-x: hidden;

    overflow-y: scroll;

}



#shows::-webkit-scrollbar {

    width: 10px;

}



#shows::-webkit-scrollbar-thumb {

    background-color: #fff;

    border-radius: 10px;

}



main .event {

    margin-bottom: 30px;

}



main .event-date,

main .event-tickets {

    font: normal 40px/1.3em 'TTBluescreensBlack';

}



main .event-date,

main .event-venue,

main .event-city,

main .event-tickets {

    letter-spacing: 0.1em;

    overflow: hidden;

    text-indent: 0.05em;

    text-overflow: ellipsis;

    white-space: nowrap;

}



main .event-tickets a,

main .event-tickets a:link,

main .event-tickets a:visited {

    background-color: #000;

    border: 1px solid #fff;

    color: #fff;

    display: block;

    height: 53px;

    line-height: 53px;

    max-width: 142px;

    text-align: center;

    transition: background-color 0.5s, border-color 0.5s, color 0.5s;

    -webkit-font-smoothing: antialiased;

    -webkit-transition: background-color 0.5s, border-color 0.5s, color 0.5s;

    width: 100%;

}



main .event-tickets a:hover,

main .event-tickets a:active,

main .event-tickets a:focus {

    background-color: #fff;

    border-color: #000;

    color: #000;

    text-decoration: none;

}



footer {

    margin-top: 80px;

    max-width: 1110px;

    width: 100%;

}



footer a#full-site,

footer a#full-site:link,

footer a#full-site:visited {

    background-color: #fff;

    border: 1px solid #000;

    color: #000;

    display: block;

    font: 900 35px/55px 'TTBluescreens';

    height: 55px;

    letter-spacing: 0.1em;

    margin: 0 auto;

    max-width: 100%;

    text-align: center;

    text-indent: 0.05em;

    transition: background-color 0.5s, border-color 0.5s, color 0.5s;

    -webkit-transition: background-color 0.5s, border-color 0.5s, color 0.5s;

    width: 242px;

}



footer a#full-site:hover,

footer a#full-site:active,

footer a#full-site:focus {

    background-color: #000;

    border-color: #fff;

    color: #fff;

    text-decoration: none;

}



footer p {

    font-size: 23px;

    letter-spacing: 0.275em;

    margin: 55px 0 20px 0;

    text-align: center;

    text-indent: 0.1375em;

}



@media (max-width: 767px) {

    main .event {

        text-align: center;

    }



    main .event-tickets a {

        margin: 0 auto;

    }



    footer a#full-site, footer a#full-site:link, footer a#full-site:visited {

        font-size: 30px;

    }



    footer p {

        line-height: 1.3em;

    }

}



@media (max-width: 575px) {

    header {

        padding-bottom: 30px;

    }



    header ul#social,

    header ul#nav-main {

        display: block;

        text-align: center;

        width: 100%;

    }



    footer {

        margin-top: 30px;

    }

}



@media (max-width: 325px) {

    header ul#nav-main li {

        display: block;

        margin: 0 !important;

        text-align: center;

        width: 100%;

    }



    footer a#full-site, footer a#full-site:link, footer a#full-site:visited {

        font-size: 25px;

    }

}