body, html {
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
    color: #2f414c;
}
#banner h1 {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
#banner h2 {
    color: #bf8c1d;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}
em {
    color: #000;
}
/*
sup { 
    vertical-align: super; 
    position: relative; 
}
sub { 
    vertical-align: sub; 
    position: relative; 
}
*/
a {
    color: #2f414c;
    transition: all 0.3s ease-in-out;
}
a span {
    color: #000;
}
a:hover {
    color: #bf8c1d;
    text-decoration: none;
}
p {
    color: #000;
}
.uk-button-default {
    color: #2f414c;
    background: #fff;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.uk-button-primary {
    color: #fff;
    background: #2f414c;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.uk-button-default:hover, .uk-button-primary:hover {
    color: #fff;
    background: #000;
}
footer {
    background: #2f414c;
}
footer a, footer p {
    color: #fff;
}

.latest-scroll {
    width:auto;
    max-height: 20s0px;
    overflow-x: auto;
}
/*for left column scrolling if needed*/
.left-scroll {
    width:auto;
    max-height: 350px;
    overflow-x: auto;
    padding-right: 1em;
}


/*EMBED RESPONSIVELY STYLES*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Media Calls ====================================== */
@media screen and (max-width:1499px) {

}
@media screen and (max-width:1199px) {

}
@media screen and (max-width:959px) {

}
@media screen and (max-width:639px) {

}