.img-responsive {
    width: 100%;
}

h2, .h2 {
    color: #5E6A71;
    font-size: 26px;
    font-weight: normal;
    margin-top: 0;
}



.nav-tabs > li {
    height: auto;
}
.home-tab-features .tab-content .block-group .block {
    padding: 0px;
}
.home-tab-features .tab-content .block-group {
    margin: 19px 0px -25px 0px;
}
.home-tab-features .tab-content .active {
    padding: 0 0;
    background-color: #fff;
}


/*------------------------------------*\
    CASE STUDIES STYLES
\*------------------------------------*/
  
.title_container {
    position: relative;
    bottom: 0px;
    padding: 1em 2em;
    background: rgba(0,0,0,0.7);
    margin-top: -5.5em;
}

.row {
    margin-top: 2em;
}

#tabs .tab-content .tab-pane {
    padding-top: 0px;
}
}
 
@media (max-width: 419px) {
.title_container {
    position: relative;
    bottom: 0px;
    padding: 1em 2em;
    background: rgba(0,0,0,0.7);
    margin-top: -4.3em;
}

  
@media all and (min-width: 420px) {
.nav-tabs > li {
    height: auto;
}
}

@media (max-width: 550px) {
.title_container {
    position: relative;
    margin-top: 0;
    background: transparent;
}
.title_studies {
    color: #000;
    font-size: 20px;
    font-weight: normal;
}
}
 @media (min-width: 420px) {
.col-sm-6 {
    float: right;
    padding: 0 0 10px 15px;
    width: 50%;
}
}
@media (max-width: 419px) {
.col-xs-12 {
    padding: 0 0 15px 0;
} 
}
 @media (min-width: 761px) {
.tab-bump {
    margin-bottom: 40px;
}
}

 @media (min-width: 420px) {
.clearfix > .tab-bump {
    margin-bottom: 400px;
}
}

.two-columns-page-content.block {
    padding: 0px;
}


}
.media {
    overflow: visible;
}


.tab-banner {
    margin: 2em 0px;
}

@media (max-width: 760px) {
#tabs .nav-tabs > li > a {
    height: auto;
    padding: 5px;
}
}

@media (min-width: 761px) {
.home-tab-features {
    margin-top: -30px;
}
}

@media (max-width: 760px) {
.home-tab-features {
    margin-top: 20px;
}
}

@media (max-width: 760px) {
#tabs .tab-content .tab-pane {
    padding-top: 0;
}
}

/*****************************/
/* ZIPPY */
/*****************************/


.home-tab-features .nav-tabs > li > a {
    font-size: 15px;
    color: #5e6a71;
    text-align: center;
    padding: 10px;
}


.home-tab-features .nav-tabs > li > a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.5em;
}

.nav-tabs > li {
    border: 1px solid rgba(40,44,42,0.1);
}

.media-body {
    overflow: visible;
    position: relative;
    top: 50%;
    /*  transform: translateY(-50%); */
}

.nav-tabs > li:not(:last-child) {
    border-right: none;
}

.home-tab-features .nav-tabs > li {
    overflow: visible;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    margin:0px;
    background: #f2f2f2;
    color: #5e6a71;
    border-radius: 5px 5px 0 0;
}

.nav-tabs > li.active a {
    background-color: #fff;
    box-shadow: inset 0 3px 0 #006983;
    color: #006983;
    border-top-color: #006983;
    border-bottom: none;
    font-weight:600;
    border-radius: 5px 5px 0 0;
}

.nav-tabs > li:hover {
    background-color: #e7e7e7;
}

.nav-tabs > li.active:hover {
    background-color: #fff;
}

.nav-tabs > li.active a:hover {
    background-color: #fff;
    box-shadow: inset 0 3px 0 #006983;
    color: #006983;
    border-top-color: #006983;
    border-radius: 5px 5px 0 0;
}

.nav-tabs > li.active {
    border-bottom: none;
}

ul.block-group.nav.nav-tabs {
    padding-left: 10px;
    padding-top: 20px;
}

@media (max-width: 760px) {
ul.block-group.nav.nav-tabs {
    padding-top: 10px;
}
}

.two-columns-page-content .block {
    padding: 0;
}


h2.landing-page-subtitle-hazards>a {
    color:#333;
}
figure {
    margin: 0 0 0 0;
}
.landing-page-title {
    background-color:#e2e2e2;
    padding:15px;
    height:20%;
    width:100%;
}
.landing-page-subtitle-hazards {
    font-size: 1.4em;
    margin:0px;
}
@media screen and (max-width: 759px) {
.landing-page-title {
    margin: 0 0 19px;
}
}

#heading-1 {
 margin-top: 19px;
}

.pullout {
  background-color: #cae4ff; 
  margin-bottom: 19px; 
  padding: 15px 15px 15px 15px;
  border-radius: 10px;
}

.pullout > ul {
  margin-bottom: 0px; 
}

.media > .article-title {
  display: none;
}

td > p {
  margin:0px;
}

/*======FOR VIDEO=====*/

.embed-container { 
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*======END VIDEO=====*/


/*====== START === To Make Tabs Responsive =====*/

@media screen and (max-width: 500px) {
.home-tab-features .nav-tabs > li {
  width: 100%;
  margin-top: 5px;
  border-radius: 5px 5px;
  border: 1px solid rgba(40,44,42,0.1);
}
.nav-tabs > li.active a, .nav-tabs > li.active a:hover,.nav-tabs > li.active > a:focus {
  box-shadow: none;
  border: 1px solid rgba(40,44,42,0.1);
  border-radius: 5px 5px;
  background-color: #006983;
  color: #fff;
  font-weight: bold;
}
}

/*====== END === To Make Tabs Responsive =====*/


/*====== START === Tabs expand for long titles =====*/

@media screen and (min-width: 501px) {
  ul.block-group.nav.nav-tabs {
	display: flex;
	justify-content: center;
  }
  .home-tab-features .nav-tabs > li {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .nav-tabs > li.active {
	background-color: #fff;
	box-shadow: inset 0 3px 0 #006983;

  }
  .nav-tabs > li.active a:hover, .nav-tabs > li.active a {
	box-shadow: none;
	background: none;
  }
}
/*====== END === Tabs expand for long titles =====*/