body {
    position: relative;
    -webkit-text-size-adjust: 100%;
    color: #212121;
    font-family: 'Lexend', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

body.serif {
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;   
}

.dark-text, .dark-text a {
    color: #212121 !important;
}

sub, sup {
    position: relative;
    top: 0.3em;
    vertical-align: baseline;
    font-size: 70%;
    line-height: 0px;
}

sup {
    font-size: 50%;
    top: -0.8em;
}

img {
    outline: none;
    display: block;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

a {
    opacity: 1.0;
    color: inherit;
    text-decoration: none;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    word-wrap: break-word;
}

a:active, a:focus, audio:active, audio:focus, button:active, button:focus {
    outline: none;
}

a:hover {
    opacity: 0.5;
    color: inherit;
    text-decoration: none;
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

button::-moz-focus-inner {
    border: 0;
}

strong, b {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

i.fab, i.fal, i.far, i.fas, i.fad, i.fak {
    font-style: normal;
}

#header {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 500;
    width: 100%;
    height: 70px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);    
}

#header.dark-over #open-menu {
    color: #212121;
}

#navigation {
    float: left;
    padding: 26px 0px 0px 32px;
    color: #f4f4f1;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

body.serif #navigation {
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
    font-weight: 300;
}

#header.dark-over #navigation {
    color: #212121;
}

#navigation a {
    margin-right: 24px;
}

#socials {
    float: right;
    text-align: right;
    padding: 25px 30px 0px 0px;
    color: #f4f4f1;
    font-size: 16px;
    line-height: 20px;
}

#header.dark-over #socials {
    color: #212121;
}

#socials a {
    margin-left: 9px;
}

#promo {
    padding: 0px 108px;
}

#promo-wrapper {
    max-width: 1150px;
    margin: 0 auto;
    min-height: 100vh;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 0px;
}

.promo-align-center {
    padding-top: 200px;
    padding-bottom: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.promo-align-left {
    padding-top: 200px;
    padding-bottom: 100px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.promo-align-bottom {
    padding-top: 200px;
    padding-bottom: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
}

#promo-content {
    display: inline-block;
}

#band-logo {
    padding-bottom: 34px;
}

#promo-album {
    
}

#promo-album h2 {
    display: block;
    color: #f4f4f1;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 3px;
    padding-left: 3px;
    text-transform: uppercase;
}

body.serif #promo-album h2 {
    font-family: 'Crimson Pro', serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: 5px;
    padding-left: 5px;
}

#promo-wrapper.promo-align-left #promo-album h2 {
    padding-left: 0px !important;
}

#promo.dark-over #promo-album h2 {
    color: #212121;
}

#promo-date {
    
}

#promo-date h2 {
    display: block;
    color: #f4f4f1;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 3px;
    padding-left: 3px;
    text-transform: uppercase;
}

body.serif #promo-date h2 {
    font-family: 'Crimson Pro', serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: 5px;
    padding-left: 5px;
}

#promo-wrapper.promo-align-left #promo-date h2 {
    padding-left: 0px !important;
}

#promo.dark-over #promo-date h2 {
    color: #212121;
}

#promo-buttons {
    padding-top: 27px;
}

#promo-buttons a {
    display: inline-block;
    height: 42px;
    box-sizing: border-box;
    padding: 0px 23px 0px 24px;
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 21px;
    color: #f4f4f1;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    opacity: 1.0 !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-left: 18px;
}

body.serif #promo-buttons a {
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
    font-weight: 600;
}

#promo.dark-over #promo-buttons a {
    border: 2px solid #000000;
    color: #212121;
}

#promo-buttons a:first-of-type {
    margin-left: 0px !important;
}

#promo-buttons a:hover {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    text-decoration: none;
}

#promo.dark-over #promo-buttons a:hover {
    background-color: #000000;
    border: 2px solid #000000;
}

#promo-buttons br {
    display: none;    
}

.texture-light-01 {
    background-image: url("../../img/backgrounds/light-01.png");	
	background-repeat: repeat;
	background-position: center top;
    background-size: 600px 600px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    .texture-light-01 {
        background-image: url("../../img/backgrounds/light-01@2x.png");
    }
}

.texture-light-02 {
    background-image: url("../../img/backgrounds/light-02.png");	
	background-repeat: repeat;
	background-position: center top;
    background-size: 600px 600px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    .texture-light-02 {
        background-image: url("../../img/backgrounds/light-02@2x.png");
    }
}

.texture-light-03 {
    background-image: url("../../img/backgrounds/light-03.png");	
	background-repeat: repeat;
	background-position: center top;
    background-size: 600px 600px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    .texture-light-03 {
        background-image: url("../../img/backgrounds/light-03@2x.png");
    }
}

.texture-dark-01 {
    background-image: url("../../img/backgrounds/dark-01.png");	
	background-repeat: repeat;
	background-position: center top;
    background-size: 600px 600px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    .texture-dark-01 {
        background-image: url("../../img/backgrounds/dark-01@2x.png");
    }
}

.texture-dark-02 {
    background-image: url("../../img/backgrounds/dark-02.png");	
	background-repeat: repeat;
	background-position: center top;
    background-size: 600px 600px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    .texture-dark-02 {
        background-image: url("../../img/backgrounds/dark-02@2x.png");
    }
}

.texture-dark-03 {
    background-image: url("../../img/backgrounds/dark-03.png");	
	background-repeat: repeat;
	background-position: center top;
    background-size: 600px 600px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { 
    .texture-dark-03 {
        background-image: url("../../img/backgrounds/dark-03@2x.png");
    }
}

#list {
    background-color: #f4f4f1;
    padding: 0px 60px;
}

#list.dark-theme {
    background-color: #171717;
}

#list-wrapper {
    max-width: 1250px;
    margin: 0 auto;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#list-title {
    width: calc(100% - 380px);
    color: #212121;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

body.serif #list-title {
    font-family: 'Crimson Pro', serif;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 6px;
}

#list.dark-theme #list-title {
    color: #ffffff;
}
    
#list-title br {
    display: none;
}

#list-form {
    width: 380px;
}

#list-input {
    float: left;
    width: calc(100% - 155px);
}

#list-input input {
    width: 100%;
    height: 40px;
    color: #191a26;
    font-family: 'Lexend', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    border: none;
    border-bottom: 1px solid #262730;
    background-color: transparent;
    border-radius: 0px;
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    padding: 0px 16px;
}

body.serif #list-input input {
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
    font-weight: 300;
}

#list-input input:focus {
    border: none;
    border-bottom: 1px solid #262730;
}

#list.dark-theme #list-input input {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

#list.dark-theme #list-input input:focus {
    border-bottom: 1px solid #ffffff;
}

#list-input ::-webkit-input-placeholder {
    color: #191a26;
    opacity: 1.0 !important;
}

#list-input ::-moz-placeholder {
    color: #191a26;
    opacity: 1.0 !important;
}

#list-input :-ms-input-placeholder {
    color: #191a26;
    opacity: 1.0 !important;
}

#list-input ::-ms-input-placeholder {
    color: #191a26;
    opacity: 1.0 !important;
}

#list-input ::placeholder {
    color: #191a26;
    opacity: 1.0 !important;
}

#list.dark-theme #list-input ::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1.0 !important;
}

#list.dark-theme #list-input ::-moz-placeholder {
    color: #ffffff;
    opacity: 1.0 !important;
}

#list.dark-theme #list-input :-ms-input-placeholder {
    color: #ffffff;
    opacity: 1.0 !important;
}

#list.dark-theme #list-input ::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1.0 !important;
}

#list.dark-theme #list-input ::placeholder {
    color: #ffffff;
    opacity: 1.0 !important;
}

#list-button {
    float: right;
    width: 130px;
}

#list-button button::-moz-focus-inner {
    border: 0;
}

#list-button button {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 40px;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: none;
    border-radius: 20px;
    color: #f4f4f1;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body.serif #list-button button {
    font-family: 'Crimson Pro', serif;
    font-size: 16px;
    font-weight: 600;
}

#list.dark-over #list-button button {
    color: #212121;
}

#list-button button i {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin-right: 10px;
}

#list-button button:hover {
    background-color: #262730;
    color: #f4f4f1;
    text-decoration: none;
}

#list.dark-over #list-button button:hover {
    color: #f4f4f1;
}

#list.dark-theme #list-button button:hover {
    background-color: #f4f4f1;
    color: #262730;
}

#video {
    
}

#video-embed {
    
}

#video-list {
    padding: 0px 108px;
}

#video-list-wrapper {
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 85px;
    padding-bottom: 61px;
}

.video-list-item {
    float: left;
    width: calc(33.33% - 33.33px);
    margin-right: 50px;
}

.video-list-item:nth-of-type(3n+3) {
    margin-right: 0px;
}

.video-list-item:nth-of-type(3n+4) {
	clear: both;
}

.video-list-item:nth-of-type(1n+4) {
	margin-top: 37px;
}

.video-list-item-img {
    max-width: 350px;
    margin: 0 auto;
    line-height: 0px;
}

.video-list-item-img a {
    display: block;
    background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
    opacity: 1.0;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}

.video-list-item-img a:hover {
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.video-list-item-img img {
    width: 100%;
    height: auto;
}

.video-list-item-text {
    color: #f4f4f1;
    text-align: center;
    padding: 20px 50px 0px 50px;
}

#video.dark-over .video-list-item-text {
    color: #212121;
}

#content-full {
    background-color: #f4f4f1;
    color: #212121;
}

#content-full.dark-theme {
    background-color: #171717;
    color: #ffffff;
}

.section-title {
    padding-top: 71px;
    text-align: center;
}

h3 {
    display: block;
    color: #212121;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1px;
    padding-left: 1px;
    text-transform: uppercase;
}

body.serif h3 {
    font-family: 'Crimson Pro', serif;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 6px;
    padding-left: 6px;
}

#content-full.dark-theme h3 {
    color: #ffffff;
}

.content-line {
    width: 100%;
    height: 1px;
    overflow: hidden;
    background: #000000;
}

#content-full.dark-theme .content-line {
    background: #ffffff;
}

#shop {
    padding: 0px 70px;
}

#shop-wrapper {
    max-width: 1250px;
    margin: 0 auto;
    padding-bottom: 80px;
}

#shop-title {
    padding-bottom: 74px;
}

#shop-embed {
    
}

#discography {
    padding: 0px 108px;
}

#discography-wrapper {
    max-width: 1110px;
    margin: 0 auto;
    padding-bottom: 73px;
}

#discography-title {
    padding-bottom: 70px;
}

#discography-list {
    
}

.discography-list-item {
    float: left;
    width: 200px;
    margin-right: calc(33.33% - 266.66px);
}

.discography-list-item:nth-of-type(4n+4) {
    margin-right: 0px;
}

.discography-list-item:nth-of-type(4n+5) {
	clear: both;
}

.discography-list-item:nth-of-type(1n+5) {
	margin-top: 40px;
}

.discography-list-item-img {
    max-width: 200px;
    margin: 0 auto;
    line-height: 0px;
}

.discography-list-item-img a {
    opacity: 1.0;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}

.discography-list-item-img a:hover {
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.discography-list-item-img img {
    width: 100%;
    height: auto;
}

.discography-list-item-text {
    text-align: center;
    padding-top: 15px;
}

#shows {
    padding: 0px 108px;
}

#shows-wrapper {
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 68px;
}

#shows-title {
    padding-bottom: 57px;
}

#shows-embed {
    
}

#instagram {
    background-color: #e4e4e0;
    padding: 0px 108px;
}

#instagram.dark-theme {
    background-color: #3b3b3b;
}

#instagram-wrapper {
    max-width: 1110px;
    margin: 0 auto;
    padding-bottom: 71px;
}

#instagram-title {
    padding-bottom: 70px;
}

#instagram.dark-theme #instagram-title h3 {
    color: #ffffff;
}

#instagram-embed {
    
}

#instagram-embed #sb_instagram #sbi_images .sbi_item {
    width: 200px !important;
    margin-right: calc(33.33% - 266.66px) !important;
}

#instagram-embed #sb_instagram #sbi_images .sbi_item:nth-of-type(4) {
    margin-right: 0px !important;
}

#instagram-embed #sb_instagram .sbi_photo_wrap a {
    max-width: 200px !important;
    margin: 0 auto !important;
}

#instagram-embed #sb_instagram a {
    opacity: 1.0;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}

#instagram-embed #sb_instagram a:hover {
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#instagram-button {
    font-size: 40px;
    text-align: center;
    padding-top: 74px;
}

#footer {
    
}

#footer.footer-alt-dark {
    background-color: #3b3b3b !important;    
}

#footer.footer-alt-light {
    background-color: #ffffff !important;    
}

#footer-evr {
    float: left;
    width: 90px;
    line-height: 0px;
    padding: 32px 0px 30px 40px;
}

#footer-evr img {
    width: 100%;
    height: auto;
}

#footer-evr img.evr-light {
    display: block;
}

#footer-evr img.evr-dark {
    display: none;
}

#footer.dark-over #footer-evr img.evr-light {
    display: none;
}

#footer.dark-over #footer-evr img.evr-dark {
    display: block;
}

#footer-credits {
    float: right;
    text-align: right;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 59px 40px 0px 0px;
}

body.serif #footer-credits {
    font-family: 'Crimson Pro', serif;
    font-size: 12px;
    font-weight: 300;
}

#footer.dark-over #footer-credits {
    color: #212121;
}

    
/* -------------------- */
/* -------------------- */

@media all and (max-width: 1365px) {

    /* ipad horizontal layout */

    #promo {
        padding: 0px 80px;
    }
    
    .promo-align-center {
        padding-top: 160px;
        padding-bottom: 70px;
    }

    .promo-align-left {
        padding-top: 160px;
        padding-bottom: 70px;
    }

    .promo-align-bottom {
        padding-top: 160px;
        padding-bottom: 70px;
    }

    body.serif #promo-album h2 {
        font-size: 50px;
        line-height: 46px;
        letter-spacing: 3px;
        padding-left: 3px;
    }

    body.serif #promo-date h2 {
        font-size: 50px;
        line-height: 46px;
        letter-spacing: 3px;
        padding-left: 3px;
    }

    #video-list {
        padding: 0px 80px;
    }

    #video-list-wrapper {
        padding-top: 75px;
        padding-bottom: 50px;
    }

    .video-list-item {
        width: calc(33.33% - 26.66px);
        margin-right: 40px;
    }

    .video-list-item:nth-of-type(3n+3) {
        margin-right: 0px;
    }

    .video-list-item-text {
        padding: 20px 20px 0px 20px;
    }

    .section-title {
        padding-top: 60px;
    }

    #shop {
        padding: 0px 70px;
    }

    #shop-wrapper {
        padding-bottom: 70px;
    }

    #shop-title {
        padding-bottom: 65px;
    }

    #discography {
        padding: 0px 80px;
    }

    #discography-wrapper {
        padding-bottom: 62px;
    }

    #discography-title {
        padding-bottom: 60px;
    }

    .discography-list-item {
        width: calc(25% - 30px);
        margin-right: 40px;
    }

    .discography-list-item:nth-of-type(4n+4) {
        margin-right: 0px;
    }

    #shows {
        padding: 0px 80px;
    }

    #shows-wrapper {
        padding-bottom: 58px;
    }

    #shows-title {
        padding-bottom: 48px;
    }

    #instagram {
        padding: 0px 80px;
    }

    #instagram-wrapper {
        padding-bottom: 61px;
    }

    #instagram-title {
        padding-bottom: 60px;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item {
        width: calc(25% - 30px) !important;
        margin-right: 40px !important;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item:nth-of-type(4) {
        margin-right: 0px !important;
    }

    #instagram-button {
        padding-top: 64px;
    }
    
}


/* -------------------- */
/* -------------------- */

@media all and (max-width: 1023px) {
	
	/* ipad vertical layout */
    
    #header {
        height: 50px;
    }

    #navigation {
        padding: 16px 0px 0px 20px;
        font-size: 13px;
    }

    body.serif #navigation {
        font-size: 15px;
    }

    #navigation a {
        margin-right: 20px;
    }

    #socials {
        padding: 16px 20px 0px 0px;
        font-size: 15px;
    }
    
    #promo {
        padding: 0px 60px;
    }
    
    .promo-align-center {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .promo-align-left {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .promo-align-bottom {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    #band-logo {
        padding-bottom: 25px;
    }
    
    #promo-album h2 {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 2px;
        padding-left: 2px;
    }

    body.serif #promo-album h2 {
        font-size: 38px;
        line-height: 35px;
        letter-spacing: 2px;
        padding-left: 2px;
    }

    #promo-date h2 {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 2px;
        padding-left: 2px;
    }

    body.serif #promo-date h2 {
        font-size: 38px;
        line-height: 35px;
        letter-spacing: 2px;
        padding-left: 2px;
    }

    #promo-buttons {
        padding-top: 25px;
    }

    #list-wrapper {
        height: 120px;
    }
    
    #list-title {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 1px;
    }

    body.serif #list-title {
        font-size: 24px;
        letter-spacing: 4px;
    }
    
    #list-title br {
        display: inline-block;
    }

    #video-list {
        padding: 0px 60px;
    }

    #video-list-wrapper {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .video-list-item {
        width: calc(50% - 20px);
        margin-right: 40px;
    }

    .video-list-item:nth-of-type(3n+3) {
        margin-right: 40px;
    }

    .video-list-item:nth-of-type(2n+2) {
        margin-right: 0px;
    }

    .video-list-item:nth-of-type(3n+4) {
        clear: none;
    }

    .video-list-item:nth-of-type(2n+3) {
        clear: both;
    }

    .video-list-item:nth-of-type(1n+4) {
        margin-top: 35px;
    }

    .video-list-item:nth-of-type(1n+3) {
        margin-top: 35px;
    }

    .video-list-item-text {
        padding: 15px 0px 0px 0px;
    }

    .section-title {
        padding-top: 50px;
    }
    
    h3 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 1px;
        padding-left: 1px;
    }

    body.serif h3 {
        font-size: 24px;
        letter-spacing: 4px;
        padding-left: 4px;
    }

    #shop {
        padding: 0px 60px;
    }

    #shop-wrapper {
        padding-bottom: 50px;
    }

    #shop-title {
        padding-bottom: 50px;
    }

    #discography {
        padding: 0px 60px;
    }

    #discography-wrapper {
        padding-bottom: 50px;
    }

    #discography-title {
        padding-bottom: 50px;
    }

    .discography-list-item {
        width: calc(33.33% - 26.66px);
        margin-right: 40px;
    }

    .discography-list-item:nth-of-type(4n+4) {
        margin-right: 40px;
    }

    .discography-list-item:nth-of-type(3n+3) {
        margin-right: 0px;
    }

    .discography-list-item:nth-of-type(4n+5) {
        clear: none;
    }

    .discography-list-item:nth-of-type(3n+4) {
        clear: both;
    }

    .discography-list-item:nth-of-type(1n+5) {
        margin-top: 35px;
    }

    .discography-list-item:nth-of-type(1n+4) {
        margin-top: 35px;
    }

    #shows {
        padding: 0px 60px;
    }

    #shows-wrapper {
        padding-bottom: 50px;
    }

    #shows-title {
        padding-bottom: 45px;
    }

    #instagram {
        padding: 0px 60px;
    }

    #instagram-wrapper {
        padding-bottom: 50px;
    }

    #instagram-title {
        padding-bottom: 50px;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item {
        width: calc(33.33% - 26.66px) !important;
        margin-right: 40px !important;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item:nth-of-type(3) {
        margin-right: 0px !important;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item:nth-of-type(4) {
        display: none !important;
    }

    #instagram-button {
        padding-top: 50px;
    }
    
}


/* -------------------- */
/* -------------------- */

@media all and (max-width: 767px) {
	
	/* mobile layout */

    body {
        font-size: 13px;
        line-height: 16px;
    }

    body.serif {
        font-size: 14px;
        line-height: 16px;   
    }
    
    #header {
        position: relative;
        height: 40px;
    }

    #navigation {
        display: none;
    }

    #socials {
        float: none;
        text-align: center;
        padding: 11px 0px 0px 0px;
        font-size: 15px;
    }
    
    #socials a {
        margin: 0px 4px;
    }
    
    #promo {
        padding: 0px 30px;
    }
    
    #promo-wrapper {
        min-height: calc(100vh - 40px);
    }
    
    .promo-align-center {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .promo-align-left {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .promo-align-bottom {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #band-logo {
        padding-bottom: 22px;
    }
    
    #promo-album h2 {
        font-size: 24px;
        line-height: 27px;
        letter-spacing: 1px;
        padding-left: 1px;
    }

    body.serif #promo-album h2 {
        font-size: 28px;
        line-height: 27px;
        letter-spacing: 1px;
        padding-left: 1px;
    }

    #promo-date h2 {
        font-size: 24px;
        line-height: 27px;
        letter-spacing: 1px;
        padding-left: 1px;
    }

    body.serif #promo-date h2 {
        font-size: 28px;
        line-height: 27px;
        letter-spacing: 1px;
        padding-left: 1px;
    }

    #promo-buttons {
        padding-top: 25px;
    }
    
    #promo-buttons a {
        height: 40px;
        padding: 0px 17px 0px 18px;
        border-radius: 20px;
        font-size: 13px;
        line-height: 36px;
        letter-spacing: 1px;
        margin-left: 0px;
        margin-top: 20px;
    }

    body.serif #promo-buttons a {
        font-size: 14px;
    }
    
    #promo-buttons a:first-of-type {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    #promo-buttons br {
        display: inline-block;    
    }

    #list {
        padding: 0px 30px;
    }

    #list-wrapper {
        height: auto;
        display: block;
        padding-top: 28px;
        padding-bottom: 30px;
    }
    
    #list-title {
        width: auto;
        font-size: 20px;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
    }

    body.serif #list-title {
        font-size: 20px;
        letter-spacing: 2px;
        padding-left: 2px;
    }
    
    #list-title br {
        display: none;
    }
    
    #list-form {
        width: auto;
        max-width: 320px;
        margin: 0 auto;
        padding-top: 20px;
    }
    
    #list-input {
        width: calc(100% - 130px);
    }

    #list-input input {
        height: 38px;
        font-size: 13px;
        padding: 0px 12px;
    }

    body.serif #list-input input {
        font-size: 16px;
    }

    #list-button {
        width: 110px;
    }

    #list-button button {
        height: 38px;
        border-radius: 19px;
        font-size: 13px;
        line-height: 38px;
        letter-spacing: 1px;
    }

    body.serif #list-button button {
        font-size: 14px;
    }

    #list-button button i {
        top: 2px;
        font-size: 16px;
        margin-right: 8px;
    }

    #video-list {
        padding: 0px 30px;
    }

    #video-list-wrapper {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .video-list-item {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .video-list-item:nth-of-type(3n+3) {
        margin-right: 30px;
    }

    .video-list-item:nth-of-type(2n+2) {
        margin-right: 0px;
    }

    .video-list-item:nth-of-type(3n+4) {
        clear: none;
    }

    .video-list-item:nth-of-type(2n+3) {
        clear: both;
    }

    .video-list-item:nth-of-type(1n+4) {
        margin-top: 30px;
    }

    .video-list-item:nth-of-type(1n+3) {
        margin-top: 30px;
    }

    .video-list-item-text {
        padding-top: 12px;
    }

    .section-title {
        padding-top: 30px;
    }
    
    h3 {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: normal;
        padding-left: 0px;
    }

    body.serif h3 {
        font-size: 20px;
        letter-spacing: 2px;
        padding-left: 2px;
    }

    #shop {
        padding: 0px 30px;
    }

    #shop-wrapper {
        padding-bottom: 40px;
    }

    #shop-title {
        padding-bottom: 30px;
    }

    #discography {
        padding: 0px 30px;
    }

    #discography-wrapper {
        padding-bottom: 40px;
    }

    #discography-title {
        padding-bottom: 30px;
    }

    .discography-list-item {
        width: calc(50% - 15px);
        margin-right: 30px;
    }

    .discography-list-item:nth-of-type(4n+4) {
        margin-right: 30px;
    }

    .discography-list-item:nth-of-type(3n+3) {
        margin-right: 30px;
    }

    .discography-list-item:nth-of-type(2n+2) {
        margin-right: 0px;
    }

    .discography-list-item:nth-of-type(3n+4) {
        clear: none;
    }

    .discography-list-item:nth-of-type(2n+3) {
        clear: both;
    }

    .discography-list-item:nth-of-type(1n+5) {
        margin-top: 30px;
    }

    .discography-list-item:nth-of-type(1n+4) {
        margin-top: 30px;
    }

    .discography-list-item:nth-of-type(1n+3) {
        margin-top: 30px;
    }

    .discography-list-item-text {
        padding-top: 12px;
    }

    #shows {
        padding: 0px 30px;
    }

    #shows-wrapper {
        padding-bottom: 40px;
    }

    #shows-title {
        padding-bottom: 30px;
    }

    #instagram {
        padding: 0px 30px;
    }

    #instagram-wrapper {
        padding-bottom: 40px;
    }

    #instagram-title {
        padding-bottom: 30px;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item {
        width: calc(33.33% - 20px) !important;
        margin-right: 30px !important;
    }

    #instagram-button {
        font-size: 30px;
        padding-top: 30px;
    }
    
}


/* -------------------- */
/* -------------------- */

@media all and (max-width: 479px) {
	
	/* mobile vertical layout */
    
    .video-list-item {
        float: none;
        width: auto;
        margin-right: 0px;
    }

    .video-list-item:nth-of-type(3n+3) {
        margin-right: 0px;
    }

    .video-list-item:nth-of-type(2n+3) {
        clear: none;
    }

    .video-list-item:nth-of-type(1n+4) {
        margin-top: 30px;
    }

    .video-list-item:nth-of-type(1n+3) {
        margin-top: 30px;
    }

    .video-list-item:nth-of-type(1n+2) {
        margin-top: 30px;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item {
        width: calc(50% - 15px) !important;
        margin-right: 30px !important;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item:nth-of-type(2) {
        margin-right: 0px !important;
    }

    #instagram-embed #sb_instagram #sbi_images .sbi_item:nth-of-type(3) {
        display: none !important;
    }
    
    #footer-evr {
        float: none;
        width: 90px;
        margin: 0 auto;
        padding: 30px 0px 20px 0px;
    }

    #footer-credits {
        float: none;
        text-align: center;
        padding: 0px 0px 30px 1px;
    }
    
}