.frontImage {
  background-image: url(/img/bg.jpg);
  background-size: cover;
  margin-top: 80px !important;
  height: 680px;
}
.frontImgTxt {
  color: #fff;
  margin-top: 180px !important;
}
.selectors {
  display: flex;
  font-size: 25px;
  font-weight: 500;
  align-items: center;
}
.selectors li:nth-child(4),
.selectors li:nth-child(3) {
  border-left: #176361 1px solid;
}
.selectors li:hover {
  cursor: pointer;
  color: #176361;
}
.selected {
  color: #176361;
}
.image-container {
overflow: hidden;
background-color: #eee;
}

.caseContainer {
margin-bottom: 1%;
}

.image-container img {
width: 100%;
margin: 0 !important;
height: auto;
object-fit: cover;
transition: all 0.3s ease;
}

.caseData {
background-color: #eee !important;
padding-bottom: 5px;
padding-left: 10px;
}

.caseContainer:hover .caseData {
background-color: #176361 !important;
color: #fff !important;
}

.caseContainer:hover span {
color: #fff;
}

.caseContainer:hover img {
transform: scale(1.1);

}

.rowCase {
display: flex;
margin-top: 20px !important;
}

.image-containers {
overflow: hidden;
height: 350px;
position: relative;
}

.image-containers img {
width: auto;
max-width: auto ;
max-height: 350px !important;
max-height: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
object-fit: fill;
transition: all 0.3s ease;
} 
/********************************************************************** MOBILE */
@media screen and (max-width: 960px) {
.frontImage {
  height: 200px;
}
.frontImgTxt {
color: #fff;
margin-top: 20px !important;
}
.frontImgTxt p,
.frontImgTxt h1,
.frontImgTxt h4 {
width: 60vw !important;
font-size: xx-small !important;
}
.selectors {
margin-left: -31vw !important;
width: 100vw;
}
.selectors li {
font-size: 15px;
width: 33vw;

}
.caseContainer .row .image-container {
width: 100vw;
}
.image-container{
  position: relative;
}
.image-container img {
  position: absolute;
  bottom: 25%;
}
.caseContainer .row .caseData {
padding-top: 10px;
padding-bottom: 10px;
line-height: 8px;
width: 98vw;
}
.rowCase .caseContainer  {
padding-top: 10px;
padding-bottom: 10px;
width: 48vw;
margin-left: 1vw;
margin-bottom: 1vw;
}
.image-containers {
height: 200px;
}
.image-containers img {
object-fit: cover;
max-height: 200px !important;
}

}