.color-orange {
  color : #e67e22;
}

.premiere_section{
    margin-top: 100px;
    margin-bottom: 0px;
    padding: 30px 30px 60px 80px;
}

.premiere_section .special-title{
    font-size: 3.2em;
    font-weight: bold;
    color: #2c3e50;
    z-index: 3;
}

.premiere_section .special-title::after{
  display: block;
  content: "";
  width: 220px;;
  height: 30px;
  background-color: #e67e22;
  background-image: linear-gradient(84deg, #e67e22 0%, #fbb779 37%, #fbb779 66%, #ffffff 100%);
  z-index: -1;
  position: relative;
  top: -40px;
}

.project-illustration-div{
  margin-top: 20px;
  padding-top: 0px;
  margin-top: 40px;
}

.project-illustration{
    padding: 20px;
}

.the-illustration{
    height: 70vh;
    transition: 500ms ease;
    cursor: pointer;
}

.the-illustration-content{
  display: flex;
  align-items: flex-end;
  display: flex;
  align-items: flex-end;
  padding: 30px;
  color: white;
  font-size: 1.5em;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  transition: 500ms ease;
}
.the-illustration:hover .the-illustration-content{
      opacity: 1;
}

.expertise-content{
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.expertise-content .expertises-title{
      color: #003953;
      font-size: 1.5em;
      font-weight: bold;
      margin-bottom: 30px;
}

.expertises-details{
  line-height: 1.8em;
}



.expertises_footer {
  display: flex;
  align-items: center;
  width: auto;
  padding-top: 30px;
}

button.realisation_link{
  vertical-align: middle;
   border: none;
   background: none;
   color: white;
   font-weight: bold;
   padding: 10px;
   padding-right: 30px;
   padding-left: 30px;
   background-color: #2c3e50;
   position: relative;
   left: -32px;
   z-index: 10;
   transition: 500ms ease;
}

button.realisation_link:hover{
   border: 1px solid #2c3e50;
   background-color: white;
   color: #2c3e50;
   -webkit-box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
   -moz-box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
   box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);

}

.expertises_footer .on_top, .expertises_footer  .on_bottom  {
      height: 40px;
      width: 40px;
      z-index: 2;
}

.expertises_footer .on_top {
    background-color: #7EDFFF;
    position: relative;
    top: -8px;
}

.expertises_footer .on_bottom {
    background-color: #bdc3c7;
    position: relative;
    bottom: -8px;
    left: -64px;
}

/*============================================== MOBILE =========================================*/
@media only screen and (max-width: 416px) {

      .premiere_section{
        padding: 20px;
      }

      .premiere_section .special-title{
          font-size: 2.5em;
      }

      .project-illustration-div{
        margin-top: 0px;
      }

      .expertise-content{
        border-top: 1px solid rgba(0,0,0,0.6);
        margin-top: 1em;
      }


}