body, .table td, .table p, #content ul li, #content ol li, blockquote 
{
    font-family: 'Noto Sans',sans-serif; 
    line-height:1.6; 
    color:#202020;
    font-size:16px;
}

blockquote strong {font-weight:normal; color:#b81d19;}
.intro-center h1 {text-align:center;}
.intro-left h1 {text-align:left;}
h1, h2, h3, #headerBlockMiddle p{font-family: 'Volkhov', serif; text-transform:uppercase;}
#menu a, #nav-cols {text-transform:uppercase; font-weight:100;}

h1 {font-size: 36px; margin-top:0; }
h2 {font-size: 20px;}
h3 {font-size: 20px;}


#headerBlockMiddle .VMCC-text {color:#004a8a; font-size:30px;}
#headerBlockMiddle span.section-text {color:#004a8a;font-size:20px;}
#headerBlockMiddle p {font-size:20px;}

a {color:#b81d19;}
a:hover, #footer-mobile #credit a:hover {text-decoration:none; color:#202020;}

.box h3 {text-align:center;color:#b81d19; font-size:16px; background:#fff; margin-top:0; padding: 20px 0;}
#content .panel-default > .panel-heading a {text-decoration:none !important;color:#202020; text-transform:uppercase; padding-right:20px; font-size:16px;}
#content .panel-default h2 {margin-top:8px;color:#b81d19;}
#content .panel-default > .panel-heading a:hover {color:#b81d19;}

#content ul {list-style:none; margin-left:-16px;}
#content ul li {line-height:1.6; padding-left: 0; padding-bottom:4px;text-indent: -0.7em;}
#content ul li:before {content:"\f04d"; padding-right:8px;display:inline-block; font-weight:normal; font-family: FontAwesome; font-size:16px; color:#b81d19;}
#footer-top a:hover {color:#3b4040 !important;}

.social .fa, #headerBlockRight .fa {font-size:26px; line-height:2;}
.fa-facebook {background:#3b5998; }
.fa-twitter {background:#00aced;}
.fa-youtube-play {background:#bb0000;}
.fa-envelope-o {background:#3b4040;}
.fa-facebook, .fa-twitter, .fa-youtube-play, .fa-envelope-o {color:#fff;}
.fa-bars {font-size: 32px;color: #3b4040;}
.fa-unsorted {font-size:26px; color:#b81d19;}
.fa-chevron-left, .fa-chevron-right {font-size:58px; color:#373737;}
.fa-chevron-left:hover, .fa-chevron-right:hover {color:#fff;}
@media (max-width: 1400px) {
#headerBlockMiddle .VMCC-text {font-size:28px;}
}
@media (max-width: 1300px) {
#headerBlockMiddle .VMCC-text {font-size:20px;}
#headerBlockMiddle span.section-text {font-size:16px;}
#headerBlockMiddle p {font-size:15px;}
}
@media (max-width: 1200px) {
.social .fa, #headerBlockRight .fa {font-size:26px; line-height:1.8;}
#headerBlockMiddle .VMCC-text {font-size:26px;}
#headerBlockMiddle span.section-text, #headerBlockMiddle p  {font-size:20px;}
.fa-chevron-left, .fa-chevron-right {font-size:48px;}
h1 {font-size: 26px;text-align:center;}
}
@media (max-width: 1023px) {
#headerBlockMiddle .VMCC-text {font-size:24px;}
#headerBlockMiddle span.section-text, #headerBlockMiddle p  {font-size:18px;}
.fa-chevron-left, .fa-chevron-right {font-size:40px;}
}

@media (max-width: 920px) {
#headerBlockMiddle .VMCC-text {font-size:22px;}
#headerBlockMiddle span.section-text, #headerBlockMiddle p  {font-size:17px;}
}

@media (max-width: 767px) {
    #headerBlockMiddle p {font-size:16px;}
    .fa-chevron-left, .fa-chevron-right {display:none;}
    .expand-2 strong, .expand-2 .fa {font-weight:normal; color:#b81d19; text-shadow: 0 0 1px 0 #fff;}
    #footer-mobile-social .fa {font-size:28px; line-height:1.8;}
    #footer-mobile-info {line-height:3.5;text-align:center;}
     #footer-mobile .panel-default>.panel-heading+.panel-collapse>.panel-body p,  #footer-mobile .panel-default>.panel-heading+.panel-collapse>.panel-body a {color:#fff;}
    #footer-mobile {font-size:16px;}
    #footer-mobile-info p  {font-size:15px;}
     .fa-facebook, .fa-twitter, .fa-youtube-play, .fa-envelope-o {background:#fff;}
    .fa-facebook {color:#3b5998 !important;}
    .fa-twitter {color:#00aced!important;}
    .fa-youtube-play {color:#bb0000 !important;}
    .fa-envelope-o {color:#3b4040 !important;}
    .fa-facebook:hover, .fa-twitter:hover, .fa-youtube-play:hover, .fa-envelope-o:hover, #footer-mobile .panel-default>.panel-heading+.panel-collapse>.panel-body a:hover {color:#202020 !important;}
}

@media (max-width: 580px) {
    #headerBlockMiddle .VMCC-text {font-size:20px;}
    #headerBlockMiddle span.section-text, #headerBlockMiddle p  {font-size:16px;}
    h1 {font-size: 24px;}
    .fa-bars {font-size: 30px;}
}
@media (max-width: 420px) {
    #headerBlockMiddle .VMCC-text {font-size:18px;}
    #headerBlockMiddle span.section-text, #headerBlockMiddle p  {font-size:14px;}
}