/* Structural for audio player, background and box padding CSS */
.audiojs {
    margin-bottom:20px;
    font-family:inherit;
}
.time {
    text-align: center;
}
.boxbg {
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.8);
}
.boxpad {
    padding:10px;
}
.twitter-share-button[style] {
    vertical-align: text-bottom !important;
}

/* Typography changes from default bootstrap theme */
h1 {
    font-family: sans-serif;
    font-weight:bold;
}
h3 {
    font-family:sans-serif;
    font-weight: normal;
}

/* Media queries for different devices */
@media (max-width: 767px) {
    .audiojs {
        max-width:280px;
    }
    .audiojs .scrubber {
        width:110px;
    }
    body {
    background-color: #E0EBEB;
    }
}
@media (min-width: 768px) and (max-width: 979px) {

    .audiojs {
        max-width:100%;
    }
    .audiojs .scrubber {
        width:230px;
    }
    body {
    background:url('../img/dancers_fade.jpg');
    background-size: 1500px;
    background-color:#181818;
    background-attachment: fixed;
    background-position:50% top;
    background-repeat:no-repeat;
    }
    .table th, .table td {
     border-top: none;
     padding:2px 5px;
    }
}
@media (min-width: 980px) and (max-width: 1200px) {
    body {
    background:url('../img/dancers_fade.jpg');
    background-size: 1500px;
    background-color:#181818;
    background-attachment: fixed;
    background-position:center top;
    background-repeat:no-repeat;
    }
    .table th, .table td {
     border-top: none;
     padding:2px 5px;
    }
}
@media (min-width: 1201px) and (max-width: 1600px) {
    body {
    background:url('../img/dancers_fade.jpg');
    background-size: 1650px;
    background-color:#181818;
    background-attachment: fixed;
    background-position:center top;
    background-repeat:no-repeat;
    }
    .table th, .table td {
     border-top: none;
     padding:2px 5px;
    }
}
@media (min-width: 1601px) and (max-width: 2000px) {
    body {
    background:url('../img/dancers.jpg');
    background-size: 2000px;
    background-color:#181818;
    background-attachment: fixed;
    background-position:center top;
    background-repeat:no-repeat;
    }
    .table th, .table td {
     border-top: none;
     padding:2px 5px;
    }
}
@media (min-width: 2001px) {
    body {
    background:url('../img/dancers.jpg');
    background-size: 100% 100%;
    background-color:#181818;
    background-attachment: fixed;
    background-position:center top;
    background-repeat:no-repeat;
    }
    .table th, .table td {
     border-top: none;
     padding:2px 5px;
    }
}