html,
body {
    height: 100%;
    max-width: 100%;
}

/* Navigation*/

.navbar {
    background-color: rgba(31, 60, 35, 0.9);
}

.top-nav-collapse {
    background-color: rgba(31, 60, 35, 0.9);
}

footer.page-footer {
    background-color: rgba(31, 60, 35, 0.9);
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: rgba(31, 60, 35, 0.9);
    }
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

/* Carousel*/

.carousel {
    height: 50%;
}

@media (max-width: 776px) {
    .carousel {
        height: 100%;
    }
}

.carousel-item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/*Caption*/

.flex-center {
    color: #fff;
}

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}

.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}
.post-title{
    color: rgba(31, 60, 35, 0.9);

}

.card.wow.fadeIn{
    height: 411px;
}
.card.wow.fadeIn.research{
    height: 350px;
}

.card-title-info {
    background-color: rgba(31, 60, 35, 0.9);
    color: white;
    padding: 5px;
}

@media (max-width: 960px){
   #live_header{
        background-color: black;
    }
}
@media (min-width: 720px) and (max-width: 960px){
    html{
        background-color: black;
    }
}

/**
* Card button
**/

.card-body a {
    position: absolute !important;
    bottom: 15px !important;
}

#history_button{
    position: relative !important;
    bottom: auto !important;
}
a.link_in_text{
    position: relative !important;
    bottom: auto !important;

}

/** Nav
**/
.company-title-nav {
    vertical-align: middle;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.navbar.scrolling-navbar{
    padding-top: 8px;
    padding-bottom: 8px;
}