@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
@import url("bootstrap_v3.css");
:root {
    --menu-background: #2B2B2B;
    --background-primary : #4B7BE5;
    --background-secondary : #6BA4E8;
    --text-primary: #2B2B2B;
    --text-secondary: #E0F2FE;
    --link-pimary: #E0F2FE;
    --link-secondary: #4B7BE5;
    --link-hover: #195555;
    --footer-background-primary: #2B2B2B;
    --footer-background-secondary: #4B7BE5;
    --border-color: #474747;
}
/* coloring over bootstrap v3
 *
 */
body{background-color: var(--footer-background-primary); color: var(--text-primary) !important;}
h1, h2, h3, h4, h5, h6 {color: var(--text-primary) !important;}
.card-body, .card-text, .panel-body, .panel-text{background-color: var(--background-secondary)}
.card-header, .panel-heading {background-color: var(--background-primary) !important;}
a {color: var(--link-pimary)}
a:hover { color: var(--link-hover);}
.panel-footer {background-color: var(--footer-background-primary); color: var(--text-secondary)}
.panel, .card {background-color: var(--background-secondary) !important;}
.panel-footer a {color: var(--link-secondary)}
.panel-footer a:hover {color: var(--link-hover)}
.navbar, .navbar-default {background-color: var(--menu-background); margin-bottom: 0px;}
.navbar a, .navbar-default a {color: var(--link-pimary)}
.navbar .navbar-brand, .navbar-default .navbar-brand {color: var(--link-pimary)}
.navbar a:focus, .navbar-default a:focus {color: var(--link-hover)}
.navbar .navbar-brand:focus, .navbar-default .navbar-brand:focus {color: var(--link-hover)}
.navbar a:hover, .navbar-default a:hover {color: var(--link-hover)}
.navbar .navbar-brand:hover, .navbar-default .navbar-brand:hover {color: var(--link-hover)}
.navbar a:active, .navbar-default a:active {color: var(--link-hover)}
.navbar .navbar-brand:active, .navbar-default .navbar-brand:active {color: var(--link-hover)}
/*
 * Text sizing over bootstrap v3
 */
body{ font-size: 18px ; font-weight: 400;}

/*
 * Borders
 */
.panel, .card {
    border: 0px !important;
}
.panel-footer, .panel-heading, .card-header, .card-footer , .navbar {border-color: var(--border-color) !important;}

/*
 * screen rendering
 */
@media (min-width: 640px) {
    body {font-weight: 600; font-size: 24px}
}
@media (min-width: 960px) {
    body {font-weight: 400; font-size: 18px}
}