/*!
 * Start Bootstrap - Logo Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

.wide {
  width:100%;
  height:100%;
  height:calc(100% - 1px);
  background-size:cover;
}

.wide img {
  width:100%;
}


.navbar-custom {
    background-color:#ffffff;
    color:#b20000;
    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#b20000;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #b20000;
    background-color:red;
}
.navbar-custom .navbar-brand {
    color:#b20000;
}

.icon-bar{
    background-color: #b20000;
}

.header-color{
    color:#b20000;
}

/* Overlay 
*/
.thumbnail {
    position:inherit;
    overflow:hidden;
    max-width:250px
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(192,192,192, 0.80);
    width:100%;
    height:85%;
    padding:5%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.brandcaption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(192, 192, 192, 0.80);
    width:100%;
    height:100%;
    padding:5%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}



.img-container {
    position: relative;
    cursor: pointer;
    display:inline-block;
    table-layout: fixed;
    overflow: hidden;
    text-align: center;
    max-width: 100%;
   
}

.img-align-center{
    display: inline-block;
    align-items: center;
 }
.row-line:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

.imageAndText {position: relative;} 
    .imageAndText .col
    {position:
    absolute; z-index: 1; top: 0; left: 0;
    }


@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
    .imgTextResizingTitle{
       position: absolute; bottom: 100px;font-size:100%;color: #fff;
    padding: 0 20px;
    width: 40%;
    line-height: 110%;
    }
}

@media(min-width:320px){
.imgTextResizingTitle{
       position: absolute; top:120px;font-size:90%;color: #fff;
    padding: 0 10px;
    width: 30%;
    line-height: 110%;
    }
  .imgResizingText{
    position: absolute; top:100px;font-size:0%;color: #fff;
    padding: 0 10px;
    width: 30%;
    line-height: 0%;
    }  
    
    
    
}
@media(max-width:767px){}
@media(min-width:768px){
.imgTextResizingTitle{
    position: absolute; top: 175px;font-size:150%;color: #fff;
    padding: 0 20px;
    width: 40%;
    line-height: 110%;
}
    .imgResizingText{
    position: absolute; top:205px;font-size:100%;color: #fff;
    padding: 0 20px;
    width: 30%;
    line-height: 110%;
    }

}




@media(min-width:992px){}


@media(min-width:1200px){
    .imgTextResizingTitle{
       position: absolute; top:200px;font-size:200%;color: #fff;
    padding: 0 20px;
    width: 40%;
    line-height: 110%;
    }  
    .imgResizingText{
       position: absolute; top:250px;font-size:150%;color:#fff;
    padding: 0 20px;
    width: 33%;
    line-height: 110%;
    } }