#web {
  background-color:white;
  width: 100%;
  position: relative;
  height:50%;
  object-fit: contain !important;
}
#webh {
  margin-bottom: 10%!important;
  color:#bbd29e;
  text-align:center;
}
.containerweb {
    width:100%;
    display: flex;
    flex-direction: column;
}
.mockup {
    margin-bottom:1%;
    justify-content: flex-start;
    width:100%;
    height:50%;
    object-fit: contain;
    margin-bottom: 1%!important;
}
.boutonweb {
    width:26%;
    align-self:center;
    z-index: 4;
    margin:2%;
    object-fit: contain;
}
.boutonweb img {
    width:100%;
}


/*MEDIA SCREEN */
@media (min-width: 576px) {
    .boutonweb {
    width: 23%;
    z-index: 4;
    margin: 2% !important;
}
}
/* Tablettes */
@media screen and (min-width:768px) {

.containerweb {
    margin-bottom:3%!important;
    display: flex;
    flex-direction: row;
    width:100%;
    align-items: center;
}
.boutonweb {
    width: 20%;
    height: 20%;
    align-items: center;
    margin-left: 6% !important;
}
.mockup {
    justify-content: flex-start;
    width:50%;
}
}
/* */
@media (min-width: 992px) {
}
/* Ordinateur de bureau */
@media screen and (min-width:1024px) {
    .boutonweb img {
    width: 75%;

}
}
@media screen and (min-width:1440px) {
.boutonweb img {
    width: 65%;

}
}
/* HD Desktop */

@media screen and (min-width:1920px) {
.boutonweb img {
    width: 50%;

}
}