@media screen and (min-width: 1024px) {
    
    .tttt{
      width: 50%;
      text-align: left;
    }
    
  }
@media screen and (max-width: 1024px) {
    .yellowpage img {
      right: 1% !important;
    }
    .yellowpage .container {
      width: 500px !important;
    }.yellowpage  {
      justify-content: left !important;
    }
  }
  @media screen and (max-width: 992px) {
    .step-page {
      background: url(../img/accueil/accueil-section-comment-nous-procedons-992.jpg) top fixed;
      -webkit-box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.56);
      -moz-box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.56);
      box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.56);
    }
    .step-main:after {
      opacity: 0 !important;
    }
    .step-main {
      margin-bottom: 5px !important;
    }
  }
  @media screen and (max-width: 898px) {
    .yellowpage .container {
      width: 400px !important;
      margin-left: 5% !important;
    }
  }
  @media screen and (max-width: 737px) {
    .tttt{
      width: 100%;
      padding-left: 1rem;
      padding-right: 3rem;
      margin-top: 90px;
    }
    .v-align {
      align-items:normal;
    }
    #home {
      max-height: 740px !important;
      height: 740px !important;
    }
    .tttimg {
      height: 400px !important;
      max-height: 400px !important;
      max-width: 1242px !important;
      bottom:0 !important;
      right: 2rem !important;
    }
    .bot-home-text {
      margin-top: -200px;
    }
    .yellowpage {
      height: 650px !important;
    }
    .yellowpage img {
      right: auto !important;
      left: 10% !important;
    }
    .yellowpage .container {
      max-width: 400px !important;
      margin-left: auto !important;
      text-align: center;
    }

    
  }