.herd{
    display: inline-block;
box-shadow: 0px 0px 40px blue;
background-color: white;
}
.text_menu{
    display: inline-block;
}
.logo{
    display: inline-block;
    width: 12%;
}
.text_item{
    display: inline-block;
}
.lien{
    display: inline-block;
    font-size: 40px;
    box-shadow: 0px 0px 20px blue;
    color: rgb(22, 41, 206);
    margin-left: 10px;
    padding-left: 30px;
}
.MIS{
    float: right;
    width: 17%;
    margin-top: -100px;
}
.pier{
    display: inline-block;
    box-shadow: 0px 0px 50px rgb(24, 24, 170);
}
.passe{
    display: inline-block;
    background-color: black;
}
.image_depasse{
    display: inline-block;
    width: 12%;
}
.clon{
    display: inline-block;
}
.likk{
    display: inline-block;
    font-size: 25px;
    margin: 3%;
    color: white;
    text-decoration: none;
}
.cont{
    font-size: 40px;
    color: rgb(227, 227, 233);
    text-align: center;
}
.qui_je_suis{
    color: rgb(235, 235, 247);
    float: right;
    margin-top: 2px;
}
.image_de{
    width: 12%;
    float: right;
    margin-top: -100px;
    border-radius: 80px;
}
.tel{
    color: white;
}
.bonus{
    background-color: rgb(60, 112, 163);
    opacity: 0.8;
    border-radius: 20px;
}
.comme{
    font-size: 60px;
}
.lol{
    opacity: 0.10;
    width: 100%;
}
.promot{
    width: 80%;
    margin-left: 32px;
    border-radius: 52px;
}
 @media screen and (max-width:600px) {
     .bonus{
         width: 100%;
     }
     .promot{
         width: 80%;
     }
 }