.overlay {
         color: #FFF;
         background: rgba(0,0,0, 0.9);
         z-index: 0;
         transition: opacity 400ms;
         transition-duration: 0;
         visibility: hidden;
         opacity: 0;
         max-height: 100%;
         position: fixed;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         width: 100%;
         max-width: 100%;
         margin: 0px;
         padding: 0px;
         display: none;
}
.overlay:target {
         z-index: 20;
         opacity: 1;
         transition: opacity 900ms;
         visibility: visible;
         width: 100%;
         max-width: 100%;
         margin: 0px;
         padding: 0px;
         display: flex;
}
.overlay .popup {
         top: 20px;
         color: #FFF;
         border-radius: 20px;
         width: 50%;
         position: relative;
         transition: all 5s ease-in-out;
         visibility: inherit;
         z-index: inherit;
         margin: auto;
         padding: 0px;
}
.overlay .popup .close {
         position: relative;
         transition: all 100ms;
         font-size: 60px;
         font-weight: 700;
         text-decoration: none;
         color: #FFF;
         margin: 0px;
         padding: 0px;
}
.overlay .popup .close:hover {
         color: #FB00FF;
}
.overlay .popup .content {
         color: #FFF;
         visibility: inherit;
         z-index: inherit;
         width: 100%;
         max-width: 100%;
         margin: 0px;
         padding: 0px;
}
.overlay .popup .content table#BOX {
         width: 100% !important;
         max-width: 100% !important;
         margin: 0px;
         padding: 0px;
}
.overlay .popup .content table#BOX h2, #TEXTE .popup .content table#BOX h2 {
         text-align: center;
         color: #FFF;
         font-family: 'Luckiest Guy', Verdana, sans-serif;
         width: 100%;
         max-width: 100%;
         margin: 0px;
         padding-top: 40px;
         padding-bottom: 20px;
         padding-left: 0px;
         padding-right: 0px;
}
.overlay .popup .content table#BOX h4, #TEXTE .popup .content table#BOX h4 {
         text-align: center;
         color: #FFF;
         width: 100%;
         max-width: 100%;
         margin: 0px;
         padding-top: 20px;
         padding-bottom: 0px;
         padding-left: 0px;
         padding-right: 0px;
}
.overlay .popup .content table#BOX img, #TEXTE .popup .content table#BOX img {
         text-align: center;
         max-width: 100% !important;
         max-height: 50%;
         margin: 0px;
         padding: 0px;
         overflow: hidden;
         -webkit-filter: drop-shadow(7px 7px 7px hsla(0, 0%, 0%, 0.8));
         filter: drop-shadow(7px 7px 7px hsla(0, 0%, 0%, 0.8));
}
.overlay .popup .content table#BOX p, #TEXTE .popup .content table#BOX p {
         text-align: center;
         color: #FFF;
         width: 100%;
         max-width: 100%;
         margin: 0px;
         padding-top: 0px;
         padding-bottom: 40px;
         padding-left: 0px;
         padding-right: 0px;
}
/* MAX 992 PX */
@media all and (max-width: 991.99px) {
         .overlay {
                  color: #FFF;
                  background: rgba(0,0,0, 0.9);
                  z-index: 0;
                  transition: opacity 0ms;
                  transition-duration: 0;
                  visibility: hidden;
                  opacity: 0;
                  max-height: 100%;
                  position: fixed;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
                  display: none;
         }
         .overlay:target {
                  z-index: 20;
                  opacity: 1;
                  transition: opacity 900ms;
                  visibility: visible;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
                  display: flex;
         }
         .overlay .popup {
                  top: 20px;
                  color: #FFF;
                  border-radius: 20px;
                  width: 60%;
                  position: relative;
                  transition: all 5s ease-in-out;
                  visibility: inherit;
                  z-index: inherit;
                  margin: auto;
                  padding: 0px;
         }
         .overlay .popup .close {
                  position: relative;
                  transition: all 200ms;
                  font-size: 50px;
                  font-weight: 700;
                  text-decoration: none;
                  color: #FFF;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .close:hover {
                  color: #FB00FF;
         }
         .overlay .popup .content {
                  color: #FFF;
                  visibility: inherit;
                  z-index: inherit;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .content table#BOX {
                  width: 100% !important;
                  max-width: 100% !important;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .content table#BOX h2, #TEXTE .popup .content table#BOX h2 {
                  text-align: center;
                  color: #FFF;
                  font-family: 'Luckiest Guy', Verdana, sans-serif;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 40px;
                  padding-bottom: 20px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
         .overlay .popup .content table#BOX h4, #TEXTE .popup .content table#BOX h4 {
                  text-align: center;
                  color: #FFF;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 20px;
                  padding-bottom: 0px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
         .overlay .popup .content table#BOX img, #TEXTE .popup .content table#BOX img {
                  text-align: center;
                  max-width: 100% !important;
                  max-height: 50%;
                  margin: 0px;
                  padding: 0px;
                  overflow: hidden;
         }
         .overlay .popup .content table#BOX p, #TEXTE .popup .content table#BOX p {
                  text-align: center;
                  color: #FFF;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 0px;
                  padding-bottom: 40px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
}
/* MAX 768 PX */
@media all and (max-width: 767.99px) {
         .overlay {
                  color: #FFF;
                  background: rgba(0,0,0, 0.9);
                  z-index: 0;
                  transition: opacity 0ms;
                  transition-duration: 0;
                  visibility: hidden;
                  opacity: 0;
                  max-height: 100%;
                  position: fixed;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
                  display: none;
         }
         .overlay:target {
                  z-index: 20;
                  opacity: 1;
                  transition: opacity 900ms;
                  visibility: visible;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
                  display: flex;
         }
         .overlay .popup {
                  top: 20px;
                  color: #FFF;
                  border-radius: 20px;
                  width: 75%;
                  position: relative;
                  transition: all 5s ease-in-out;
                  visibility: inherit;
                  z-index: inherit;
                  margin: auto;
                  padding: 0px;
         }
         .overlay .popup .close {
                  position: relative;
                  transition: all 200ms;
                  font-size: 40px;
                  font-weight: 700;
                  text-decoration: none;
                  color: #FFF;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .close:hover {
                  color: #FB00FF;
         }
         .overlay .popup .content {
                  color: #FFF;
                  visibility: inherit;
                  z-index: inherit;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .content table#BOX {
                  width: 100% !important;
                  max-width: 100% !important;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .content table#BOX h2, #TEXTE .popup .content table#BOX h2 {
                  text-align: center;
                  color: #FFF;
                  font-family: 'Luckiest Guy', Verdana, sans-serif;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 40px;
                  padding-bottom: 20px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
         .overlay .popup .content table#BOX h4, #TEXTE .popup .content table#BOX h4 {
                  text-align: center;
                  color: #FFF;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 20px;
                  padding-bottom: 0px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
         .overlay .popup .content table#BOX img, #TEXTE .popup .content table#BOX img {
                  text-align: center;
                  max-width: 100% !important;
                  max-height: 50%;
                  margin: 0px;
                  padding: 0px;
                  overflow: hidden;
         }
         .overlay .popup .content table#BOX p, #TEXTE .popup .content table#BOX p {
                  text-align: center;
                  color: #FFF;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 0px;
                  padding-bottom: 40px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
}
/* MAX 375 PX */
@media all and (max-width: 374.99px) {
         .overlay {
                  color: #FFF;
                  background: rgba(0,0,0, 0.9);
                  z-index: 0;
                  transition: opacity 0ms;
                  transition-duration: 0;
                  visibility: hidden;
                  opacity: 0;
                  max-height: 100%;
                  position: fixed;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
                  display: none;
         }
         .overlay:target {
                  z-index: 20;
                  opacity: 1;
                  transition: opacity 900ms;
                  visibility: visible;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
                  display: flex;
         }
         .overlay .popup {
                  top: 20px;
                  color: #FFF;
                  border-radius: 20px;
                  width: 100%;
                  position: relative;
                  transition: all 5s ease-in-out;
                  visibility: inherit;
                  z-index: inherit;
                  margin: auto;
                  padding: 0px;
         }
         .overlay .popup .close {
                  position: relative;
                  transition: all 200ms;
                  font-size: 20px;
                  font-weight: 700;
                  text-decoration: none;
                  color: #FFF;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .close:hover {
                  color: #FB00FF;
         }
         .overlay .popup .content {
                  color: #FFF;
                  visibility: inherit;
                  z-index: inherit;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .content table#BOX {
                  width: 100% !important;
                  max-width: 100% !important;
                  margin: 0px;
                  padding: 0px;
         }
         .overlay .popup .content table#BOX h2, #TEXTE .popup .content table#BOX h2 {
                  text-align: center;
                  color: #FFF;
                  font-family: 'Luckiest Guy', Verdana, sans-serif;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 40px;
                  padding-bottom: 20px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
         .overlay .popup .content table#BOX h4, #TEXTE .popup .content table#BOX h4 {
                  text-align: center;
                  color: #FFF;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 20px;
                  padding-bottom: 0px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
         .overlay .popup .content table#BOX img, #TEXTE .popup .content table#BOX img {
                  text-align: center;
                  max-width: 100% !important;
                  max-height: 50%;
                  margin: 0px;
                  padding: 0px;
                  overflow: hidden;
         }
         .overlay .popup .content table#BOX p, #TEXTE .popup .content table#BOX p {
                  text-align: center;
                  color: #FFF;
                  width: 100%;
                  max-width: 100%;
                  margin: 0px;
                  padding-top: 0px;
                  padding-bottom: 40px;
                  padding-left: 0px;
                  padding-right: 0px;
         }
}/* rndz */