/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .yomo_rgpd_containner {
    color: #ffffff;
    position: absolute;
    left: 0;
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 50%;
    background-color: black;
    z-index: 999999999999999999999999999;
    -webkit-box-shadow: 10px -7px 38px 0px rgba(189,189,189,1);
    -moz-box-shadow: 10px -7px 38px 0px rgba(189,189,189,1);
    box-shadow: 10px -7px 38px 0px rgba(189,189,189,1);
    padding: 15px;
    text-align: justify;
    font-size: 16px;
   
}

button.yomo_rgpd_btn {
    margin-top: 10px;
    padding: 10px;
    font-size: 14px;
}


@media screen and (max-width: 400px) {
    .yomo_rgpd_containner {
   
       width: 100%;
   
   }
}

@media screen and (min-width: 401px) and (max-width: 720px) {
    .yomo_rgpd_containner {
   
       width: 50%;
   
   }
}

@media screen and (min-width: 721px) and (max-width: 1280px) {
    .yomo_rgpd_containner {
   
       width: 50%;
   
   }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .yomo_rgpd_containner {
   
       width: 70%;
   
   }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .yomo_rgpd_containner {
   
       width: 50%;
   
   }
}

@media screen and (min-width: 1921px) {
    .yomo_rgpd_containner {
   
       width: 50%;
   
   }
}