@media screen and (max-width: 768px) { 
  #main{
    padding:0 0 0 0 !important;
  }

  #banner-content{
    display:none;
  }

  #intro,#video{
    height:auto;
  }  


  #choice #choice-contact p{
    width:100%;
    font-weight: lighter;
    margin-bottom: 25px;
    font-size:16pt;
  }

  .blue_button{
    margin-bottom: 50px;
  }

#choice-contact-desktop{
  display:none;
}

#choice #choice-contact-mobile{
  padding-top:10px;
  width:90%;
  margin-left:5%;
  height:33%;
  font-size:24pt;
  display:block;
  text-align: center;
  color:white;
  line-height: normal;
}

#choice #choice-contact-mobile .blue_button{
  display:none;
}

#choice #choice-talent #competences .competence img{
  width:75%;
}


  #choice #choice-talent #title {
    width:100%;
    margin-left:0;
  }

  #competences{
    display:flex;
    flex-wrap: wrap;
  }

  #competences .competence{
    width:100% !important;
  }

  #show{
    width:100%;
  }

  #example, #products, #clients, #cards{
    width:90%;
    margin-left:5%;
    height:unset;
  }

  #cards{
    flex-direction: column;
  }

  .card{
    width:100%;
  }

  #clients{
    min-height:100vh;
  }

  #clients_list{
    margin-left:0;
    width:100%;
    justify-content: space-evenly;
  }

  .client{
    width:28%;
    margin-top:10px;
  }

  #blue_banner{
    padding:40px;
    margin:0;
    height:auto;
  }

  #blue_banner h2{
    font-size:40px;
  }

  #img_banner{
    height:auto;
    margin-top:0px;
  }


#footer{
  color:white;
}

.footer-logo {
    float: unset;
    /*width: 80px;
    margin: 0 20px 10px 0;*/
    shape-outside: unset;
}

#footer-content, #contact{
  text-align: center;
  width:100%;
}

.icons{
  margin-top:50px;
  margin-bottom:50px;
}

  .separator{
    margin-top:20px;
    margin-bottom:20px;
  }

  p{
    text-align:center!important;
  }

  /*fonts*/
  #choice #choice-talent #title h3, #example h3, #products h3, #clients h3, #blue_banner h3{
    font-size:20px;
  }

  #choice #choice-talent #title p, #example p, #products p, #clients p{
    font-size:20px;
  }

  #choice #choice-talent #competences .competence p {
      font-size: 20px;
  }


    #carousel-container {
        width: 100%;
    }

    button {
        /*display: none;*/
    }

    #prev, #next{
      display:none;
    }
}