/* body{background-color: red;} */

.container-fluid{
  margin-top:150px;
  margin-bottom: 50px;
}
.proj{
  /* background-color: red; */
  /* height:200px; */
}
.projInfos{
  padding-left: 50px !important;
  color: white;
}
.projTitle{
  font-size: 3em;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
}

.projDescription{
  font-size: .88em;
}
.projImg{
  /* box-shadow: inset 0 0 0 20px white; */
}
.projSubTitle{
  text-transform: uppercase;
  /* text-align: center; */
}
a{
  transition: font-weight .45s ease-out;
  font-weight: 300;
}
a:hover{
  transition: font-weight .30s ease-out;
  font-weight: 900;
}
#footerWork{
  position: fixed;
  font-size: .7em;
  color: white;
  text-align: center;
  padding: 10px;
  bottom: 0em;
  right: calc(50% - 41px);
}

nav{
  top:82px !important;
  padding:0px 0px 0px 50px;
}

/*------- css gallerie ---------*/

.gallery.row {
  margin-left: -7.5px;
  margin-right: -7.5px;
  z-index: 100;
}

.gallery-list.col-lg-12,
.gallery-list.col-lg-6,
.gallery-list.col-lg-4,
.gallery-list.col-lg-3,
.gallery-list.col-lg-2,
.gallery-list.col-lg-1,
.gallery-list.col-lg-8 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.image-grid {
  width: auto;
  height: 400px;
  margin-bottom: 15px;
  background-color: black;
  overflow: hidden;
  color:white;

}
.text-grid{
  /* box-shadow: inset 0 0 0 6px white; */
  width: auto;
  height: 400px;
  margin-bottom: 15px;
  overflow: hidden;
  /* background-color: white; */
  /* box-shadow: inset 0 0 0 20px white; */
  color:white;
  padding:45px 20px;

}

.image-grid img {
  width: 100%;
  height: 100%;
  object-fit:cover;
  /* transform: scale(1); */
}


/*------- page LAB --------*/

.lab-light{
  /* background-color: white; */
  padding: 30px 0px;
}
.lab-light-txt{
  /* color:black; */
}

.separator{
  margin: 160px auto;
  width:50%;
  height:5px;
  background-color: white;
}

@media (max-width: 992px) {
  .container-fluid {
    margin-top:110px;
  }
  .text-grid{
    padding:45px 35px;
  }
  .projTitle{
      font-size: 2.5em;
  }
}
@media (max-width: 768px) {
  .gallery.container {
    /* padding-left: 15px;
    padding-right: 15px; */
  }

  .gallery-list.col-md-12,
  .gallery-list.col-md-6,
  .gallery-list.col-md-4,
  .gallery-list.col-md-3,
  .gallery-list.col-md-2,
  .gallery-list.col-md-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-row.row {
    margin-left: -15px;
    margin-right: -15px;
  }
}