/* 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, 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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, img, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size:100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}
@font-face {
    font-family: 'MonoSocialIconsFont';
    src: url('/theme/v1/MonoSocial/MonoSocialIconsFont.eot');
    src: url('/theme/v1/MonoSocial/MonoSocialIconsFont.eot?#iefix') format('embedded-opentype'),
        url('/theme/v1/MonoSocial/MonoSocialIconsFont.woff') format('woff'),
        url('/theme/v1/MonoSocial/MonoSocialIconsFont.ttf') format('truetype'),
        url('/theme/v1/MonoSocial/MonoSocialIconsFont.svg#MonoSocialIconsFont') format('svg');
    src: url('/theme/v1/MonoSocial/MonoSocialIconsFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/theme/v1/FontAwesome/fontawesome-webfont.eot');
    src: url('/theme/v1/FontAwesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
        url('/theme/v1/FontAwesome/fontawesome-webfont.woff') format('woff'),
        url('/theme/v1/FontAwesome/fontawesome-webfont.ttf') format('truetype'),
        url('/theme/v1/FontAwesome/fontawesome-webfont.svg#FontAwesome') format('svg');
    src: url('/theme/v1/FontAwesome/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.aligncenter {
    text-align: center;
}
.alignright {
    text-align: right;
}
b {
    font-weight: bold;
}

a, a:visited, a:hover, a:active {
    color: #A87108;
}

html {
    background: #000 url('img/cover_small.jpg') no-repeat center top fixed;
    background-size: cover;
    color: #fff;
    height: 100%;
}
html.page-product {
    background: #000 url('img/cover_product.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-bliss {
    background: #000 url('img/bliss_hero.jpg') no-repeat right top fixed;
    background-size: cover; 
}
html.page-product-contact {
    background: #000;
}
html.page-product-energy {
    background: #000 url('img/energy-2.jpg') no-repeat left top fixed;
    background-size: cover; 
}
html.page-product-dark-matter {
    background: #000 url('img/dark-matter.jpg') no-repeat left top fixed;
    background-size: cover; 
}
html.page-product-pang {
    background: #000 url('img/pang2.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-hand-cymbals {
    background: #000 url('img/hand_cymbals.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-pack {
    background: #000 url('img/ignition.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-re-fx {
    background: #000 url('img/refx.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-finger-cymbals {
    background: #000 url('img/finger-cymbals.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-wambooka {
    background: #000 url('img/wambooka.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-china,
html.page-product-tam-tam,
html.page-product-chau,
html.page-product-feng,
html.page-product-jin,
html.page-product-tiger,
html.page-product-tuned {
    background: #000 url('img/gongs.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-han-cymbal,
html.page-product-jing-cymbals,
html.page-product-mbao {
    background: #000 url('img/mbao.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-accessories {
    background: #000 url('img/accessories_set_16.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-product-crotales {
    background: #000 url('img/crotales.jpg') no-repeat center top fixed;
    background-size: cover; 
}
html.page-artist {
    background: #000 url('img/cover_small.jpg') no-repeat center top fixed;
    background-size: cover; 
}

div.background {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    transition: opacity 750ms ease-in-out;
    z-index:-1;
}
html.bg0 div.background.bg0,
html.bg1 div.background.bg1,
html.bg2 div.background.bg2,
html.bg3 div.background.bg3,
html.bg4 div.background.bg4,
html.bg5 div.background.bg5,
html.bg6 div.background.bg6,
html.bg7 div.background.bg7,
html.bg8 div.background.bg8,
html.bg9 div.background.bg9 {
    opacity: 1;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.618em;
    color: #fff;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

a {
    -webkit-tap-highlight-color: rgba(255, 194, 32, 0.75);
    text-decoration: none;
}

/* Fonts */
/*font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'News Cycle', sans-serif; */

/* Header */
header {
    width: 100%;
    vertical-align: middle;
/*    position: fixed;
    top: 0px;
    left: 0px; 
    z-index: 990; */
    flex: 0 0 auto;
}
header table {
    width: 100%;
    border-collapse: collapse;
}
header table td {
    box-sizing: border-box;
}
header .header-wrapper > div {
    width: 50%;
    height: 5em;
}
header a {
    line-height: 1px;
}
header .logo img {
    height: 6.0em;
    margin: 0px;
    padding: 5px;
    line-height: 1px;
    z-index: 15;
}
header .icons {
    text-align: right;
    padding: 1.5em;
    padding-right: 1em;
    vertical-align: middle;
    z-index: 15;
}
header .icons img {
    height: 1.75em;
    margin: 0px;
    vertical-align: middle;
    box-shadow: 0px 0px 1px rgba(255,255,255,1);
}
header .icons i {
    height: 2.5em;
    line-height: 2.5em;
    text-shadow: 0px 0px 1px rgba(0,0,0,1);
}
header i.search:before {
    content: "\f002";
}
header .icons i.menu:before {
    content: "\f0c9";
}
header i:before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 2.0em;
    color: #999;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    color: white;
    padding-right: 0.5em;
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
header .icons .text {
    display: none;
    padding-right: 1em;
    color: white;
    font-size: 1.2em;
    line-height: 1.5em;
    vertical-align: middle;
}
header .icons .text span {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
header .large-search {
    display: none;
    width: 30%;
    text-align: center;
    z-index: 0;
    padding: 0em;
    vertical-align: middle;
}
header .large-search i {
    padding-left: 0.5em;
    font-size: 0.8em;
}
header .large-search input {
    font-size: 1.2em;
    background: rgba(0,0,0,0.2);
    border: 0px;
    border-bottom: 1px solid white;
    color: white;
    width: 7em;
    padding: 0.2em 0.5em;
    margin: 0px;
}
header .large-search input:focus {
/*     background: rgba(255,255,255,0.5);*/
/*    border: 1px solid white; */
    outline: none !important;
}
@media (min-width: 40em) {
    header table td {
        width: 35%;
    }
    header .large-search {
        display: table-cell;
        width: 30%;
    }
    html.search header .large-search {
        display: none;
    }
    header .icons .search.icon {
        display: none;
    }
}
@media (min-width: 45em) {
    header table td.logo {
        width: 30%;
    }
    header .large-search {
        width: 30%;
    }
    header .icons {
        width: 40%;
    }
    header .icons .text {
        display: inline-block;
    }
    header .icons .icon {
        display: none;
    }
}
@media (min-width: 50em) {
    header table td.logo {
        width: 35%;
    }
    header .large-search {
        width: 25%;
    }
    header .icons {
        width: 40%;
        padding-right: 1.5em;
    }
}
@media (min-width: 55em) {
    header .icons {
        padding-right: 2em;
    }
    header table td.logo {
        width: 34%;
    }
    header .large-search {
        width: 32%;
    }
    header .icons {
        width: 34%;
        padding-right: 1.5em;
    }
    header .large-search input {
        width: 10em;
    }
}

/* Container - the main div for the content of the page below header */
body > div.container {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    height: 100%;
}
body > div.container > div.scroller {
    flex: 1 1 auto;
    position: relative;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}
/* Search results */
#site-search-results.hidden {
    display: none;
}
#site-search-results {
    margin-bottom: 1px;
    height: auto;
    min-height: 0px;
}

/* Site Selector */
#site-selector.hidden {
    z-index: -1;
    display: none;
}
#site-selector {
    display: block;
    z-index: 999;
    max-width: 20em;
    position: absolute;
    right: 0px;
    top: 90px;
    background: rgba(255,255,255,0.85);
    padding: 0.5em;
}
#site-selector a {
    display: block;
    vertical-align: top;
}
#site-selector a > div {
    display: table-row;
    height: 5em;
}
#site-selector .site-selector-image {
    display: table-cell;
    padding: 0.5em;
    vertical-align: middle;
    line-height: 1px;
}
#site-selector .site-selector-image img {
    width: 5em;
    max-width: 5em;
    line-height: 1px;
}
#site-selector .site-selector-text {
    display: table-cell;
    width: 10em;
    max-width: 10em;
    vertical-align: middle;
    font-size: 1.25em;
}

/* Main site navigation */
nav.site {
    background: rgba(255,255,255,0.85);
    z-index: 999;
    left: 0px;
    width: 100%;
    position: relative;
    margin-bottom: 1px;
}
nav.site ul {
    display: block;
    width: 100%;
    max-width: 100%;
    list-style-type: none;
    list-style: none;
    margin: 0px;
    line-height: 1.5em;
    vertical-align: top;
}
nav.site.hidden {
    display: none;
}
nav.site ul.small > li {
    display: block;
    position: relative;
    text-align: left;
    border: 0px;
    font-size: 1em;
    border-top: 1px solid white;
}
nav.site ul.small > li:last-child {
    border-bottom: 1px solid white;
}
nav.site ul.small span.dropdown {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 100%;
    line-height: 56px;
    cursor: pointer;
    vertical-align: middle;
}
nav.site ul.small span.dropdown i {
    position: relative;
    width: 60px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
nav.site ul.small span.dropdown i:before {
    content: "\f107";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 2.5em;
    color: #999;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}
nav.site ul.small span.dropdown.active i:before {
    content: "\f106";
}
nav.site ul li a {
    display: block;
    width: 100%;
    padding: 0.25em;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    vertical-align: top;
}
nav.site ul.small > li > ul.hidden {
    display: none;
}
nav.site ul.small > li ul {
    padding-left: 3.5em;
    border-top: 1px solid white;
    padding-top: 1em;
    padding-bottom: 1em;
}
nav.site ul.small ul a {
    line-height: 1.2em;
}

nav.site ul.large {
    display: none;
}
nav.site ul.large > li {
    display: table-cell;
    width: 20%;
    border-right: 1px solid white;
    vertical-align: top;
    padding-bottom: 0.75em;
}
nav.site ul.large > li:last-child {
    border-right: 0px solid white;
}
nav.site ul > li > a {
    display: table;
}
nav.site ul > li span.icon {
    display: table-cell;
    width: 2em;
    background-image: url('img/button.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 2em;
    line-height: 0px;
}
nav.site ul > li span.text {
    display: table-cell;
    height: 2em;
    vertical-align: middle;
    line-height: 1em;
    margin: 0 auto;
    font-weight: bold;
    padding-left: 0.25em;
}
nav.site ul.large > li ul {
    padding-left: 1em;
}
@media (min-width: 35em) { nav.site {max-width: 20em; } }
@media (min-width: 55em) {
    nav.site {max-width: 100%; }
    nav.site ul.small { display: none; }
    nav.site ul.large { display: table; }
}
@media (min-width: 66em) { nav.site ul.large > li ul { padding-left: 3.4em; } }

/* Page navigation */
nav.page {
    display: inline-block;
    width: 100%;
    min-height: 100%;
    padding-bottom: 1em;
/*    background: rgba(255,255,255,0.65); */
}
nav.page.hidden {
    display: none;
}
article.login div.signin-form label,
nav.page li {
    background-image: url('img/button1.svg');
    background-position: center;
    background-size: contain; 
    background-repeat: no-repeat;
    display: inline-block;
    width: 8.5em;
    width: 100%;
    height: 6.5em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    text-transform: uppercase;
}
article.login div.signin-form label {
    text-align: left;
    width: 8.5em;
}
nav.page li a {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    white-space: pre;
}
article.login div.signin-form label > span,
nav.page li a > span {
    display: flex;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
article.login div.signin-form label > span span,
nav.page li a span span {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0.1em;
    font-size: 1.0em;
    line-height: 1.05em;
    text-align: center;
    font-weight: bold;
    color: #000;
    margin: auto;
    white-space: pre-wrap;
}
@media (min-width: 15em) { nav.page li { width: 50%; } }
@media (min-width: 20em) and (min-height: 20em) { nav.page { font-size: 1.0em; } }
@media (min-width: 25em) and (min-height: 30em) { nav.page { font-size: 1.0em; } }
@media (min-width: 25em) and (min-height: 30em) { nav.page { font-size: 1.0em; } }
@media (min-width: 30em) and (min-height: 18em) { nav.page li { width: 33%; } }
@media (min-width: 30em) and (min-height: 28em) { nav.page {max-width: 18em; font-size: 1em;} }
@media (min-width: 40em) { nav.page {max-width: 27em; height: auto; font-size: 1em; } }
@media (min-width: 30em) and (min-height: 33em) { 
    nav.page {max-width: 18em; }  
    nav.page li { width: 50%; } 
}
@media (min-width: 30em) and (min-height: 53em) { nav.page {max-width: 9em; }  nav.page li { width: 100%; } } 

/* Article */
article {
    font-family: 'News Cycle', sans-serif;
    font-weight: normal;
    color: #000;
    background: rgba(255,255,255,0.75);
    padding: 1.5em 1.5em;
    min-height: 100%;
    margin-bottom: 100vh;
}
html.page-home article {
    margin-bottom: 0;
}

article .hidden {
    display: none;
}

article h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0.75em;
    text-align: center;
}

article h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.75em;
}

article h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.75em;
}

article p {
    margin-bottom: 0.85em;
    font-size: 1.2em;
}
article p.intro {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.47em;
    line-height: 1.2em;
}
article p.quote {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}
article p.copyright {
    clear: both;
    margin-top: 5em;
    font-size: 0.8em;
    margin-bottom: 0em;
}

article div.image-wrap {
    max-width: 100%;
    margin-bottom: 1em;
    text-align: center;
}
article div.image-wrap img {
    max-width: 100%;
    max-height: 30em;
    box-shadow: 1px 1px 2px #333;
/*     border: 10px solid #F8B158; */
    box-sizing: border-box;
}

article div.quote {
    padding-top: 1em;
}
article div.quote span.quote {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.47em;
    line-height: 1.2em;
    display: block;
    font-style: italic;
    text-align: center;
}
article div.quote span.quote:before,
article div.quote span.quote:after {
    content: '"';
}
article div.quote span.author {
    font-family: 'Open Sans Condensed', sans-serif;
    display: block;
    text-align: right;
    font-size: 1.2em;
}
article div.quote span.author:before {  
    content: "--";
}
article div.product-quote {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.47em;
    line-height: 1.2em;
    display: block;
    text-align: left;
    margin-bottom: 1.5em;
}
article div.product-quote span {
    display: block;
    margin-bottom: 0.25em;
}
article div.product-quote span.quote:before {
    content: '"';
}
article div.product-quote span.quote:after {
    content: '"';
}

article div.embed-video {
    margin-bottom: 1em;
}
article div.embed-video-wrap {
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
}
article div.embed-video iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
/* Gallery */
div.gallery-wrap {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 1.5em;
}
div.gallery {
    margin: 0 auto;
}
div.gallery div.gallery-thumb a {
    display: block;
    line-height: 0px;
    margin-bottom: 0.25em;
}
div.gallery-wrap div.embed-video,
div.gallery-wrap div.gallery-image img {
    border: 10px solid #F8B158;
    border: 10px solid #fff;
    max-height: 50vw;
    max-height: 100%;
    max-width: 100%;
}
div.gallery-wrap div.gallery-thumbs {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}
div.gallery-wrap div.gallery-thumb {
    margin: 0px;
    box-sizing: border-box;
    max-width: 13em;
    flex: 0 1 auto;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: block;
    width: 25%;
}
div.gallery-wrap div.gallery-thumbs img {
    width: 100%;
    margin: 0px;
    border: 10px solid #F8B158;
    border: 10px solid #fff;
}
@media (min-width: 30em) {
    div.gallery-wrap div.gallery-thumbs img {
    }
}
@media (min-width: 40em) {
    div.gallery-wrap div.gallery img {
        max-height: 50vw;
    }
    div.gallery-wrap div.gallery-thumbs img {
        max-height: 15vw;
    }
}
@media (min-width: 60em) {
    div.gallery-wrap div.gallery-thumb {
/*        width: 20%; */
    }
}
@media (min-width: 90em) {
    div.gallery-wrap div.gallery-thumb {
/*        width: 12.5%; */
    }
}


/* Home Page */
article.bgcontent,
article.home {
    padding-top: 2em;
    display: inline-block;
    width: 60%;
    max-width: 20em;
    position: relative; 
    float: right;
    background: transparent;
    color: #fff;
    overflow: hidden;
}
article.bgcontent div.bg-hide {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 2em;
    padding-bottom: 3em;
    opacity: 0;
    transition: left 0.5s linear, opacity 0.5s linear;
    z-index: 1;
}
article.bgcontent div.bg-hide div.more {
    text-align: right;
    font-size: 1.5em;
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
}
html.bg0 article.bgcontent div.bg-hide.bg0,
html.bg1 article.bgcontent div.bg-hide.bg1,
html.bg2 article.bgcontent div.bg-hide.bg2,
html.bg3 article.bgcontent div.bg-hide.bg3,
html.bg4 article.bgcontent div.bg-hide.bg4,
html.bg5 article.bgcontent div.bg-hide.bg5,
html.bg6 article.bgcontent div.bg-hide.bg6,
html.bg7 article.bgcontent div.bg-hide.bg7,
html.bg8 article.bgcontent div.bg-hide.bg8,
html.bg9 article.bgcontent div.bg-hide.bg9 {
    left: 0px;
    opacity: 1;
    z-index: 2;
}
article.bgcontent p,
article.home p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 3em;
    line-height: 1.1em;
    padding-bottom: 0.25em;
    padding-left: 1em;
    text-shadow: 0px 0px 5px rgba(0,0,0,1);
    max-width: 20em;
    z-index: 0;
}
article.bgcontent div.title p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.75em;
    padding: 0px;
}
article.bgcontent div.content p {
    font-size: 1.5em;
    padding: 0px;
}
article.bgcontent div.bg-hide.nofloat {
    background: rgba(255,255,255,0.75);
}
article.bgcontent div.bg-hide.nofloat p {
    text-shadow: none;
    color: #000;
}
article.bgcontent div.bg-hide.nofloat div.more {
    text-shadow: none;
}
article.bgcontent div.pager {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    padding: 0.5em;
    z-index: 5;
    font-size: 0.8em;
}
article.bgcontent div.pager a {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: 0.3em;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px #555;
    box-shadow: 0 1px 3px #555;
    background-color: #A87108;
}
article.bgcontent div.pager a span {
    visibility: hidden;
    display: none;
}
html.bg0 article.bgcontent div.pager a.bg0,
html.bg1 article.bgcontent div.pager a.bg1,
html.bg2 article.bgcontent div.pager a.bg2,
html.bg3 article.bgcontent div.pager a.bg3,
html.bg4 article.bgcontent div.pager a.bg4,
html.bg5 article.bgcontent div.pager a.bg5,
html.bg6 article.bgcontent div.pager a.bg6,
html.bg7 article.bgcontent div.pager a.bg7,
html.bg8 article.bgcontent div.pager a.bg8,
html.bg9 article.bgcontent div.pager a.bg9 {
    background-color: #eee;
}
body div.page-account nav.page,
body div.page-home nav.page {
    width: 8.5em;
    max-width: 8.5em;
}
body div.page-account nav.page li,
body div.page-home nav.page li {
    width: 100%;
}
article.bgcontent div.home-msg p {
    margin-bottom: 0;
}
@media (min-width: 40em) {
    article.bgcontent div.bg-hide {
        padding: 3em;
    }
}
@media (min-height: 26em) {
    body div.page-account nav.page,
    body div.page-home nav.page {
        min-height: 0;
        padding-bottom: 0;
    }
    article.bgcontent,
    article.home {
        padding-top: 2em;
        display: block;
        bottom: 0px;
        right: 0px;
    }
    article.bgcontent div.home-msg p,
    article.home div.home-msg p {
        white-space: pre;
    }
}
@media (min-height: 30em) { article.bgcontent, article.home { padding-top: 3em; }}
@media (min-height: 40em) { article.bgcontent, article.home { padding-top: 10em; }}
@media (min-height: 50em) { article.bgcontent, article.home { padding-top: 15em; }}
@media (min-height: 60em) { article.bgcontent, article.home { padding-top: 25em; }}

/* Home Page Slider */
article.home div.home-slider {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #eee;
    width: 30em;
    min-height: 30em;
    margin-right: 2em;
    margin-bottom: 2em;
    color: #333;
}
article.home .slide {
    padding: 2em;
}
article.home .slide-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
}
article.home .slide-img {
}
article.home .slide-img img {
    margin-bottom: 1em;
    border-radius: 50%;
    max-width: 75%;
}
article.home .slide-content p {
    font-family: 'News Cycle', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.2em;
    text-shadow: none;
    max-width: 100%;
    width: 100%;
    white-space: inherit;
}
article.home .slide-content p.intro {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.47em;
    line-height: 1.2em;
}
article.home .slide-content ul {
    margin-left: 1.5em;
}
article.home .slide-more {
    text-align: right;
}

/* Audio */
div.audio {
  padding: 0.25em 0.25em 0.25em 0px;
}
div.audio span {
    line-height: 1.5em;
    height: 2.5em;
    padding: 0.25em 0.5em 0.25em 0em;
}
div.audio audio {
    vertical-align: middle;
    width: 100%;
}

/* Artists */
article.artist-profile {
    max-width: 30em;
}
article.artist-profile {
    min-height: 0%;
    text-align: justify;
}
article.artist-profile div.image-wrap img {
/*    border-radius: 50%; */
/*    max-width: 75%; */
    border: 0px;
}
article.artist-profile h1 {
    margin-bottom: 0.2em;
    text-align: center;
}
article.artist-profile h2 {
    text-align: center;
    margin-bottom: 1em;
}

/* About us */
article.about {
    min-height: 0%;
    text-align: justify;
    max-width: 30em;
}
article.about div.image-wrap img {
/*    border-radius: 50%; */
/*     max-width: 75%; */
}
article.about h1 {
    margin-bottom: 1em;
}

article div.links {
    margin-bottom: 1.5em;
}

/* Lessons */

/* Find Us */
article.findus {
}

article.findus p {
    font-size: 0.9em;
}

/* Share Buttons */
div.share-buttons-wrap {
    display: block;
    width: 100%;
    text-align: center;
}
span.share-buttons {
    display: inline-block;
    margin: 0 auto;
}
span.socialsymbol {
    font-family: 'MonoSocialIconsFont';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.share-buttons-wrap span.socialsymbol {
    font-size: 2.25em;
    padding: 0.1em;
    vertical-align: baseline;
}

div.share-buttons-wrap span.social-email { color: #787878; }
div.share-buttons-wrap span.social-facebook { color: #3B5998; }
div.share-buttons-wrap span.social-twitter { color: #55ACEE; }
div.share-buttons-wrap span.social-pinterest { color: #CC2127; }
div.share-buttons-wrap span.social-googleplus { color: #DD4B39; }

/* Image List */
div.ilist {
    margin-bottom: 2em;
}
div.ilist-item-wrap {
    margin-bottom: 1.5em;
}
div.ilist-item {
    display: flex;
    flex-direction: row;
}
div.ilist-image {
    display: inline-block;
}
div.ilist-item img {
    width: 22vw;
    height: 22vw;
    box-shadow: 1px 1px 2px #333;
    /*border-radius: 50%;
    border: 5px solid #F8B158; */
    box-sizing: border-box;
}
div.ilist-details {
    display: inline-block;
    vertical-align: top;
    display: flex;
    padding-left: 1em;
    flex-grow: 1;
    flex-direction: column;
}
div.ilist-title {
    font-size: 1.5em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    margin-bottom: 0.25em;
}
div.ilist-subtitle {
    font-size: 1.2em;
    margin-bottom: 0.25em;
}
div.ilist-more {
    text-align: right;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    align-self: flex-end;
    margin-bottom: 0.5em;
}
div.ilist-content {
    min-height: 1em;
    flex-grow: 1;
}

/* Search List */
div.search {
    margin-bottom: 2em;
}
div.search-item-wrap {
    margin-bottom: 1.5em;
}
div.search-item {
    display: flex;
    flex-direction: row;
}
div.search-image {
    display: inline-block;
}
div.search-item img {
    width: 22vw;
    height: 22vw;
    box-shadow: 1px 1px 2px #333;
/*    border-radius: 50%;
    border: 5px solid #F8B158; */
    box-sizing: border-box;
}
div.search-details {
    display: inline-block;
    vertical-align: top;
    display: flex;
    padding-left: 1em;
    flex-grow: 1;
    flex-direction: column;
}
div.search-title {
    font-size: 1.5em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    margin-bottom: 0.25em;
}
/*div.product-item-buttons {
    display: inline-block;
    height: 1em;
    font-size: 1.5em;
} */
div.search-title a.play,
div.search-title a.pause {
    cursor: pointer;
    padding-left: 0.5em;
    color: #000;
}
div.search-title a.play:before {
    font-family: 'FontAwesome';
    content: "\f144";
    font-size: 1.5em;
    color: #000;
    }
div.search-title a.pause:before {
    font-family: FontAwesome;
    content: "\f28b";
    font-size: 1.5em;
    color: #000;
}
div.search-subtitle {
    font-size: 1.2em;
    margin-bottom: 0.25em;
}
div.search-more {
    text-align: right;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    align-self: flex-end;
    margin-bottom: 0.5em;
}
div.search-content {
    min-height: 1em;
    flex-grow: 1;
}
/* Search Results */
@media (min-width: 40em) {
    article.search {
        min-width: 80%;
    }
    div.search-item img {
/*        border-width: 10px; */
    }
}
@media (min-width: 55em) {
    article.search {
        min-width: 40em;
    }
}

/* Trading Cards */
div.trading-cards {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    background: rgba(255,255,255,0.85);
    margin-bottom: 100vh;
}

div.trading-cards div.trading-card-wrap {
    margin: 0px;
    width: 50%;
    max-width: 13em;
    flex: 0 1 auto;
    padding: 5px;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: block;
}
div.trading-cards div.trading-card {
    padding: 2px;
    border-radius: 0px;
    flex: 1;
    display: block;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: block;
}
div.trading-cards a {
    display: block;
    height: 100%;
    min-height: 100%;
    border: 0px solid #999;
    border-radius: 5px;
    margin: 0px;
    border-radius: 6px;
    flex: 1;
}
div.trading-card-thumbnail {
    line-height: 0px;
    display: block;
    padding: 5px;
    width: 100%;
    min-width: 100%;
    text-align: center;
}
div.trading-cards img {
    width: 35vw;
    height: 35vw;
    box-shadow: 1px 1px 2px #333;
/*    border-radius: 50%; */
/*    border: 10px solid #F8B158; */
    box-sizing: border-box;
}
div.trading-cards div.trading-card-text {
    padding: 0.5em 0.75em;
    min-height: 5.5em;
}
div.trading-cards span.trading-card-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 0em 0em 0em 0em;
    text-align: center;
    color: #000;
    font-size: 1.47em;
}
div.trading-cards span.trading-card-subtitle {
    font-family: 'News Cycle', sans-serif;
    display: block;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    padding: 0em 0em 0em 0em;
    color: #000;
    line-height: 1.25em;
}
@media (min-width: 30em) {
    div.trading-cards div.trading-card-wrap {
        width: 33.3%;
        max-width: 12em;
    }
    div.ilist-item img,
    div.search-item img,
    div.trading-cards div.trading-card-wrap img {
        width: 25vw;
        height: 25vw;
    }
}
@media (min-width: 40em) {
    div.trading-cards div.trading-card-wrap {
        width: 25%;
        max-width: 13em;
    }
    div.ilist-item img,
    div.search-item img,
    div.trading-cards div.trading-card-wrap img {
        width: 18vw;
        height: 18vw;
    }
}
@media (min-width: 57em) {
    div.trading-cards div.trading-card-wrap {
        width: 20%;
        max-width: 13em;
    }
    div.ilist-item img,
    div.search-item img,
    div.trading-cards div.trading-card-wrap img {
        width: 15vw;
        height: 15vw;
    }
}
@media (min-width: 70em) {
    div.ilist-item img,
    div.search-item img,
    div.trading-cards div.trading-card-wrap img {
        width: 11em;
        height: 11em;
    }
}


/* Forms */
article form label {
    display: block;
    margin-bottom: 0.2em;
}
article form div.input,
article form div.textarea {
    margin-bottom: 0.75em;
    font-size: 1.2em;
}
article input {
    display: block;
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    outline: 0;
}
article form textarea {
    width: 100%;
    height: 10em;
    margin: 0px;
    padding: 0.25em;
    border: 1px solid #aaa;
    outline: 0;
}
article form select {
    width: 100%;
    font-size: 1.2em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin-bottom: 0.75em;
    height: 2em;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    outline: 0;
}
article form ul {
    list-style-type: none;
}
article form li {
    margin-left: 1em;
}
article form li input,
article form li label {
    display: inline-block;
    width: auto;
    margin-left: 1em;
}
article input.submit,
article input.button,
article input[type="button"] {
    display: block;
    width: 100%;
    font-size: 1.2em;
    padding: 0.5em;
    padding-bottom: 0.75em;
    border: 2px solid black;
    color: #fff;
    background: #000;
    -webkit-tap-highlight-color: rgba(255, 194, 32, 0.75);
    cursor: pointer;
}
article form div.submit {
    margin-top: 1em;
}
/* Mailing List Submit Form */
article.account input.button,
article.mailinglist input.button,
article.login input.button {
    margin-top: 2em;
}
article.mailinglist input.button:focus {
    outline: 0;
}
div.message-error,
article.mailinglist #mce-error-response {
    margin-bottom: 1em;
    background: #fdd;
    padding: 0.5em 0.5em 0.65em 0.5em;
    border: 1px solid #f77;
    font-size: 1.2em;
}
div.message-success,
article.mailinglist #mce-success-response {
    margin-bottom: 1em;
    background: #dfd;
    padding: 0.5em 0.5em 0.65em 0.5em;
    border: 1px solid #7f7;
    font-size: 1.2em;
}
/* Word Cloud */
div.word-cloud {
    font-size: 1.2em;
    text-align: left;
    margin-bottom: 2em;
}
div.word-cloud span { 
    display: block;
    padding: 0.2em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    white-space:nowrap;
    vertical-align: middle;
    line-height: 1.0em; 
    font-size: 1.1em;
}
/*div.word-cloud span.size-0 { font-size: 1em;}
div.word-cloud span.size-1 { font-size: 1.1em;}
div.word-cloud span.size-2 { font-size: 1.2em;}
div.word-cloud span.size-3 { font-size: 1.3em;}
div.word-cloud span.size-4 { font-size: 1.4em;}
div.word-cloud span.size-5 { font-size: 1.5em;}
div.word-cloud span.size-6 { font-size: 1.6em;}
div.word-cloud span.size-7 { font-size: 1.7em;}
div.word-cloud span.size-8 { font-size: 1.8em;}
div.word-cloud span.size-9 { font-size: 1.9em;} */

/* Maps */
div.googlemap {
    width: 100%;
    min-height: 20em;
    height: 50vh;
    border: 10px solid #fff;
    margin-bottom: 1em;
}
div.googlemap p {
    margin-bottom: 0.25em;
}
article.dealer div.googlemap {
    min-height: 15em;
    height: 30vh;
}

/* Lists */
div.item {
    margin-bottom: 1.5em;
}
div.item div.item-title {
    font-size: 1.5em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    margin-bottom: 0.25em;
}
div.item div.item-synopsis {
    font-weight: normal;
    margin-left: 2.5em;
}
div.item div.item-synopsis p:last-child {
    margin-bottom: 0px;
}
div.item div.item-more {
    text-align: right;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.3em;
}

/* Account */
article.login #forgot-link {
    text-align: right;
}
article.account div.input {
    margin-top: 2em;
}

/* Cart */
article.cart div.cart-search-input {
    margin-bottom: 2em;
}
article.cart,
article.orders {
    width: 100%;
}
@media (max-width: 80em) {
    article.orders {
    }
}
@media (min-width: 72em) {
    article.cart,
    article.orders {
        width: 70em;
    }
}
article.cart table,
article.orders table {
    width: 100%;
    border-collapse: collapse;
}
article.cart h3,
article.cart table thead,
article.orders h3,
article.orders table thead {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
article.cart table tbody,
article.cart table tfoot,
article.orders table tbody,
article.orders table tfoot {
    border-bottom: 1px solid #ccc;
}
article.cart table tr.item-even td,
article.cart table tr.item-even th,
article.orders table tr.item-even td,
article.orders table tr.item-even th {
    background: #eee;
}
article.cart table tr.item-odd td,
article.cart table tr.item-odd th,
article.orders table tr.item-odd td,
article.orders table tr.item-odd th {
    background: #fff;
}
article.cart table.cart-items th,
article.orders table.cart-items th {
    background: #fff;
    padding: 0.5em 1em;
    font-weight: bold;
    text-align: left;
}
article.cart table th.alignright,
article.orders table th.alignright {
    text-align: right;
}
article.cart table td,
article.orders table td {
    padding: 0.5em 1em;
}
article div.price input.button,
article.cart input.button,
article.orders form input.button {
    padding: 0.1em;
    font-size: 1em;
}
article.cart h3,
article.orders h3 {
    margin-top: 2em;
    margin-bottom: 0px;
    padding: 0.5em 1.5em;
    font-size: 1.4em;
    text-align: center;
    background: #fff;
    display: block;
}
article.cart table.cart-details th,
article.orders table.cart-details th {
    text-align: right;
    border-right: 1px solid #ccc;
    padding: 0.5em 1em;
}
article.cart input.quantity {
    text-align: right;
}
article.cart textarea {
    height: 5em;
}
div.cart-buttons {
    text-align: center;
}
article.cart input.button {
    max-width: 10em;
}
article.cart input.submit {
    display: inline-block;
    width: 20em;
    margin: 1em;
}
article.cart div.cart-search-items {
    margin-bottom: 2em;
}
article.cart p {
    padding: 2em;
}
/* Products */
article.product-line div.item {
    margin-bottom: 1em;
}
article.product-line div.code {
    font-size: 1.1em;
    max-width: 20em;
}
article.product-line div.name {
    display: block;
}
article.product-line div.item-details {
    background: #fff;
    font-size: 1em;
    vertial-align: top;
}
article.product-line div.item-details-image {
    display: block;
    text-align: center;
}
article.product-line div.item-details-image img {
    max-height: 10em;
    padding: 1em;
}
article.product-line div.item-details-content {
    padding: 1em;
    vertical-align: top;
}
article.product-line div.item-details p:last-child {
    margin-bottom: 0.1em;
}
div.product-item-buttons {
    display: inline-block;
    float: right;
    padding-top: 0.2em;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 1.5em;
}
div.product-item-buttons a.play,
div.product-item-buttons a.pause {
    cursor: pointer;
    padding-left: 0.5em;
    color: #000;
}
div.product-item-buttons a.play:before {
    font-family: 'FontAwesome';
    content: "\f144";
    font-size: 1.5em;
    color: #000;
    }
div.product-item-buttons a.pause:before {
    font-family: FontAwesome;
    content: "\f28b";
    font-size: 1.5em;
    color: #000;
}
div.product-item-buttons a.details {
    cursor: pointer;
    margin-left: 0.25em;
    color: #000;
}
div.product-item-buttons a.details:before {
    font-family: FontAwesome;
    content: "\f057"; /*x*/
    font-size: 1.5em;
    color: #000;
}
div.product-item-buttons a.details.closed:before {
    font-family: FontAwesome;
    content: "\f059"; /*?*/
    content: "\f055"; /*+*/
    font-size: 1.5em;
    color: #000;
}
div.product-item-buttons a.download {
    cursor: pointer;
    margin-left: 0.25em;
    color: #000;
}
div.product-item-buttons a.download:before {
    font-family: FontAwesome;
    content: "\f0ab"; /*+*/
    font-size: 1.5em;
    color: #000;
}
article.product-line h1 img.product-logo {
    height: 3em;
    max-width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}
div.page-product-bliss article.product-line h1 img.product-logo {
    height: 5em;
}
div.page-product-vintage-bliss article.product-line h1 img.product-logo {
    height: 6em;
}
article.product-line {
    width: 100%;
    max-width: 100%;
}
article.product-line aside div.aside-extras {
    display: none;
}
article.product-line div.extras {
    display: block;
}
article.product-line div.buttons {
    display: inline-block;
    float: right;
}
/*html.page-product-accessories article.product-line div.product-list {
    width: 100%;
} 
@media (min-width: 40em) {
    html.page-product-accessories article.product-line div.item {
        display: inline-block;
        width: 50%;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
} */
@media (min-width: 60em) {
    article.product-line div.product-list {
        padding-right: 1em;
        border-right: 1px dashed;
    }
    article.product-line aside {
        width: 78%;
        float: right;
        padding-left: 2em;
    }
    div.product-list {
        font-size: 0.9em;
        max-width: 22%;
    }
    article.product-line div.product-item-buttons {
        float: none;
        font-size: 0.9em;
        padding-top: 0.1em;
    }
    article.product-line aside div.aside-extras {
        display: block;
    }
    article.product-line div.extras {
        display: none;
    }
/*    html.page-product-accessories article.product-line div.product-item-buttons {
        float: right;
        font-size: 1.5em;
        padding-top: 0.2em;
    } 
    html.page-product-accessories article.product-line aside,
    html.page-product-accessories article.product-line div.product-list {
        font-size: 1em;
        width: 100%;
        max-width: 100%;
    }
    html.page-product-accessories article.product-line div.product-list {
        padding-right: 0px;
        border-right: 0px;
    }
    html.page-product-accessories article.product-line aside {
        float: none;
    }
    html.page-product-accessories article.product-line aside div.aside-extras {
        display: none;
    }
    html.page-product-accessories article.product-line div.extras {
        display: block;
    } */
}
@media (min-width: 75em) {
    article.product-line aside {
        width: 80%;
        padding-left: 4em;
    }
    div.product-list {
        max-width: 20%;
    }
/*    html.page-product-accessories article.product-line aside,
    html.page-product-accessories article.product-line div.product-list {
        width: 100%;
        max-width: 100%;
    }
    html.page-product-accessories article.product-line aside {
        width: 100%;
        max-width: 100%;
    }
    html.page-product-accessories article.product-line div.item {
        width: 33%;
    } */
}
div.product-list {
    margin-bottom: 2em;
}
article.product-line form {
    display: inline;
}
article.product-line div.price {
    border-bottom: 1px dashed #aaa;
    padding-bottom: 1em;
    padding-top: 0.5em;
}
article.product-line div.price span {
    display: inline-block;
}
article.product-line input {
    display: inline-block;
    padding: 0.15em;
    font-size: 1em;
    margin-left: 1em;
    text-align: right;
}
article.product-line div.price span.cart-quantity input {
    width: 2.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
article.product-line form input.button {
    display: inline-block;
    text-align: center;
}
article.product-line h3 {
    margin-bottom: 0.25em;
}
article.product-line div.product-image {
    padding: 2em 0em;
    text-align: center;
}
article.product-line div.product-image img {
    max-width: 100%;
}

/* 404 */
article.missing {
    min-height: 0%;
}
article.missing > div {
    margin: 2em auto;
    max-width: 30em;
    background: rgba(255,255,255,0.85);
    border: 1px solid white;
    padding: 1em;
    color: #000;
}
article.missing h1 {
    font-size: 1.5em;
    margin-bottom: 1em;
}
/* 500 */
article.error {
    min-height: 0%;
}


/* Footer */
footer {
    margin-top: 1em;
    width: 100%;
    text-align: center;
}

@media (min-width: 30em) and (max-width: 60em) {
    article.product-line div.item-details-image {
        float: right;
        max-width: 50%;
    }
    article.product-line div.item-details-image img {
        float: right;
        max-width: 100%;
        max-height: none;
    } 
}


@media (min-width: 40em) {
    html {
        background: #000 url('img/cover_medium.jpg') no-repeat center top fixed; 
        background-size: cover; 
    }
    article {
        width: 58%;
    }
    article.lessons,
    article.dealers,
    article.distributors {
        width: 100%;
    }
/*    article.product-line div.item-details-image {
        float: none;
        max-width: 100%;
    }
    article.product-line div.item-details-image img {
        float: right;
        max-width: 100%;
        max-height: none;
    } */
    article.login {
        max-width: 30em;
    }
    article.bgcontent div.home-msg p,
    article.home div.home-msg p {
        font-size: 3.5em;
    }
    article.bgcontent,
    article.home {
        max-width: 25em;
    }
    article.bgcontent div.title p {
        font-size: 3em;
    }
    article.bgcontent div.content p {
        font-size: 2em;
    }
}

@media (min-width: 50em) {
    article {
        padding: 2em;
    }
/*    article.product-line div.item-details-image {
        float: right;
        max-width: 50%;
    }
    article.product-line div.item-details-image img {
        max-width: 100%;
        max-height: none;
    } */
}

@media (min-width: 60em) {
    article {
        padding: 2.5em 1.5em;
    }
    article.lessons,
    article.dealers,
    article.distributors {
        width: 58%;
    }
}


@media (min-width: 80em) {
    html {
        background: #000 url('img/cover_large.jpg') no-repeat center top fixed;
        background-size: cover;
    }
    nav.site ul.small {
        display: none;
    }
    nav.site ul.large {
        display: block;
    }
    nav.site ul.large > li {
        display: inline-block;
    }
    article.bgcontent,
    article.home {
        max-width: 30em;
    }
    article.bgcontent div.title p {
        font-size: 3.5em;
    }
    article.bgcontent div.content p {
        font-size: 2.5em;
    }
    article.bgcontent div.home-msg p,
    article.home div.home-msg p {
        font-size: 4em;
    }
    article.artist-profile {
/*        padding: 3em; */
    }
}