@media screen and (max-width: 960px) {
  header{
    .logo{
      & > div{
        width: 100%;
      }
    }
  }
  #start{
    .section{
      .section-content{
        .content{
          width: 90%;
        }
      }
      &:not(:nth-last-child(1)){
        margin-bottom: 100px;
      }
      &:not(#home){
        .section-content{
          h3, p{
            margin: 100px auto 30px auto;
          }

        }
        & > .sous-section{
          &>section{
            margin: 30px 0;
            &:nth-last-child(1){
              margin-bottom: 60px;
            }
          }
          .no-gal{
            &:not(#clients){
              min-width: 70%;
            }
          }
        }
      }
    }
  }
  footer{
    section{
      width: 90%;
    }
  }
}

@media screen and (max-width: 700px) {
  Header{
    .title{
      height: 110px;
      padding-top: 0;
    }
    .navbar{
      top: 60px;
      left: 50px;
      right: 50px;
      ul{
        text-align: center;
      }
    }
    .logo{
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      & > div{
        width: 100%;
      }
      .why_lsdo {
        display: none;
      }
      #user{
        margin-top: 50px;
        margin-left: 0;
        &>div{
          text-align: center;
        }
      }
    }
  }
  #home{
    min-width: 100%!important;
  }
  #start{
    .section{
      .sous-section{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        .blocks{
          width: 90%;
          margin-left: auto;
          margin-right: auto;
        }
      }
      &:not(#home){
        & > .sous-section{
          .no-gal{
            &:not(#clients){
              min-width: 90%;
            }
          }
        }
        .section-content{
          p{
            min-width: 90%;
          }
        }
      }
    }
    #contact{
      .blocks{
        &:nth-of-type(1){
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          p{
            text-align: center!important;
          }

        }
        &:nth-of-type(2){
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          .content{
            p{
              text-align: center!important;
            }
          }
        }
      }
    }
  }
  footer{
    section{
      width: 90%
    }
  }
}

@media screen and (max-width: 600px) {
  body{
    padding: 0 10px;
  }
  header{
    .title{
      padding: 0 0 0 0;
      h1{
        a{
          font-size: $font40;
        }
      }
    }
  }


  #start{
    margin: 0;
    .section{
      .sous-section{
        & > section{
          margin: 0 !important;
          padding: 0;
          .title{
            margin-bottom: 20px;
          }
          h3{
            white-space: nowrap!important;
            margin-bottom: 20px;
          }
        }
      }
    }
    .section:not(#home) {
      & > .sous-section{
        .no-gal:not(#clients):nth-of-type(n+3) {
          .title{
            top: -50px;
            left: -50px;
            border: 50px solid #0f265c;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            h3{
              top:-40px!important;
              left:-40px!important;
            }
          }
          .content{
            p,ul{
              width: 65%;
            }
          }
        }
      }
    }
    section{
      .section-content{
        &> p{
          min-width: 100%;
          margin-bottom: 50px;
        }
      }
    }
    .section{
      margin-bottom: 20px;
      .sous-section{
        &> section{
          margin-bottom: 20px;
        }
      }
    }
    h2{
      font-size: $font32;
    }
    h3{
      font-size: $h3;
      white-space: normal!important;
    }
    #m-tier{
      section{
        &:nth-of-type(n+3){
          h3{
            font-size: 1rem;
            white-space: nowrap!important;
            top: -50px!important;
          }
        }
      }
    }
    #r-f-rences{
      h3{
        margin-bottom: 60px;
      }
      #clients{
        .images{
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          img{
            margin:10px 10px;
            min-width: 70%;
          }
        }
      }
    }
    #recommandations{
      .owl-carousel{
        .owl-stage-outer{
          height: 350px!important;
        }
        .content{
          width: 250px!important;
        }
      }
    }
    #contact{
      & > div{
        p{
          min-width: 90%!important;
          text-align: center!important;
          &:not(:nth-of-type(1)){
            margin-top: 20px!important;
          }
        }
      }
    }
  }
  footer{
    margin: 0;
    & > section{
      &:last-child{
        p:last-child {
          margin-bottom: 0;
        }
      }
    }
    h3{
      font-size: 1.5rem;
      white-space: normal;
    }
    ul{
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      li{
        margin-left: 0;
        a{
          font-size: 1rem;
        }
      }
    }
  }
}
