html,body {
    height: 100%;
}
body { 
    font-family: Montserrat; 
    color: #fff; 
    padding: 25px 0px;
    font-size: 16px;

    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #022d3a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000000 0%,#022d3a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000000 0%,#022d3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
a, a:visited, a:active {
    color: #0886ad;
}
a:hover {
    color: #3ba8ca;
}

#logo {
    padding-bottom: 20px;
}
#logo img {
    max-width: 80%;
}
#playerRow {
    padding-bottom: 25px;
}
#playerRow .note {
    color: #999;
    font-size: 11px;
}
#player-container {
    width: 500px;
    max-width: 90%;
    height: 40px;
    margin: 20px auto;
}
#player-container-inner {
    width: 100%;
    height: 100%;
}

audio {
    width: 100%;
    height: 100%;
}

.mejs__container {
    background: #0886ad;
}
.mejs__duration-container {
    display: none;
}

#altListenMethod {

}
#footer {
    padding: 15px 0px;
}
#footer .social-links {
    padding-bottom: 20px;
    font-size: 20px;
}

#footer .social-links .link .fab {
    font-size: 1.5em;
}

#footer .social-links .link {
    position: relative;
    display: inline-block;
}
#footer .social-links .link:hover {
    color: #fff;
    text-decoration: none;
}



#footer .copyright {
    font-size: 10px;
    color: #999;
}
.btn, .btn:visited {
    background: #0886ad;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
}
.btn:hover,.btn:active{
    background: #3ba8ca;
    color: #fff;
}

.btn .fa-pull-right, .btn .fa-pull-left {
    padding-top: 0.15em;
}
 



/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    max-width: 100%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}