.featured-content { width: 100%; margin-bottom: 24px; position: relative; }
    .featured-content img { width: 100%; }
    .featured-content .hero-header { display: block; text-align: center; position: absolute; top: 35%; width: 100%; margin: 0 auto; }
    .featured-content .hero-section {position:absolute; width:100%; }
    .featured-content .hero-section-1 {top:0; }
    .featured-content .hero-section-2 {bottom:0; }
    .featured-content .hero-title { text-align: center; display: block; font-size: 3.5em; padding: 24px 24px; background: rgba(13, 71, 161,1); color: rgba(255, 255, 255, 1); margin-top:0; }
    .featured-content .hero-title .glyphicon {position:relative; top:4px;}
        .featured-content .hero-title .txt-color-orange, .featured-content .hero-title .glyphicon, .featured-content .hero-subtitle .glyphicon { color: orange; }

    .featured-content .hero-subtitle { text-align: center; display: block; font-size: 2em; padding: 18px 12px; background: rgba(13, 71, 161,0.8); color: rgba(255, 255, 255, 0.97);margin:12px; }
    .featured-content .hero-subtitle a {color: rgba(255, 255, 255, 0.97); }

.site-logo { position: absolute; left: 0; top: 24px; z-index: 1; }
.entry-container { margin: 48px 0; }
.entry-container.intro .img-thumbnail { width:100%; padding:15%;}
.entry-container.intro .entry-title {}



.entry-title, .col-title { color: rgba(13, 71, 161,0.8); margin-top: 0; }
.entry-content { text-align: justify; }
.page-content .glyphicon { color: rgba(13, 71, 161,0.8); }

.contact-form-success, .contact-form-success .glyphicon { color: orange; display: none; }
.contact-form-error, .contact-form-error .glyphicon { color: red; display: none; }

.input-validation-error, .field-validation-error { color: red; }
.input-validation-error { border: 1px solid red; }
.contact-form { width: 100%; padding: 0; margin: 0; }
    .contact-form .form-item input[type=text], .contact-form .form-item textarea { width: 100%; color: rgba(13, 71, 161,0.8); }
    .contact-form .form-item { margin-bottom: 5px; min-height:38px; }
    .contact-form .btn { background: #FFF; color: rgba(13, 71, 161,0.8); float: right; }
    .contact-form .subject-form-element select {width:100%; color: rgba(13, 71, 161,0.8); }

.site-footer { background: rgba(13, 71, 161,0.8); color: #FFF; padding: 48px 0; margin-top:48px; }
    .site-footer .col-title { color: #FFF; }
    .site-footer a { color: #FFF; text-decoration: underline; }
.site-info { width: 100%; text-align: center; margin-top: 56px; padding-top: 12px; border-top: 1px solid #CCC; }


/*defualt main color*/
.entry-title, .col-title, .page-content .glyphicon, .contact-form .form-item input[type=text], .contact-form .form-item textarea, .contact-form .btn { color: rgba(13, 71, 161,0.8); }

.entry-title .glyphicon {color:orange !important;}
.underline {text-decoration:underline;}
.site-footer {font-size:12px;}
/*default alternative color*/
/*.container-nav {border:1px solid red; position:relative; margin-top:96px;}*/
.featured-content {min-height:360px;}
/*.entry-container .img-thumbnail {float:left;}*/
.widget-quick-contact { width: 98%; }
@media screen and (max-width:400px)
{
    .featured-content .hero-title  {font-size:1.2em;}
    .featured-content .hero-subtitle {font-size:1em;}
    /*.container .col-lg-12 .container {padding:0; }*/
    .entry-container .entry-title {margin-top:-40px; background:#FFF; height:36px; padding:6px; margin-right:2px; margin-left:2px; font-size:1em; }
    .container .col-lg-12 .container {padding:0; }
    
}
@media screen and (min-width:401px)
{
.featured-content .hero-title  {font-size:1.2em;}
.featured-content .hero-subtitle {font-size:1em;}
.entry-container .img-thumbnail {width:100%;}
.entry-container .entry-title {margin-top:-74px; background:#FFF; height:70px; padding:6px; margin-right:2px; margin-left:2px; font-size:1.6em; }
}
@media screen and (min-width:720px)
{
.entry-container .entry-title {margin-top:0; }
    .featured-content .hero-title  {font-size:3em;}
    .featured-content .hero-subtitle {font-size:1.8em;}
}

@media screen and (min-width: 1200px) {
.entry-container .img-thumbnail {max-width:330px;}
.entry-container .entry-content {max-width:724px; float:right;}
}