html{
  overflow: auto !important;
}
.popup-btn{
  display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -81px;
}
.popup-btn img
{
  width: 180px !important;
  padding: 0px 5px;
}
a.cancel {
  position: absolute;
  right: 41px;
  top: 21px;
  background-image: url('../images/popup-close.png');
  background-repeat: no-repeat;
  width: 31px;
  height: 31px;
} 
a:hover {
  color: #fff !important;
  transition-duration: 1s;
}
.modal{
  display: none;
  min-width: 250px;
  width: 100%;
  max-width: 570px;
  height: auto;
  border-radius: 10px;
  z-index: 99999;
  margin: 0 auto;
  position: fixed;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-name: fadeIn_Modal;
  animation-duration: 0.8s;
  padding: 0px 20px;
}
.content{
  width: 100%;
  height: auto;
}
.container-glow {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 0.9;
  background: #222;
  z-index: 99999;
  top: 0;
  left: 0;
  overflow: hidden;
  animation-name: fadeIn_Container;
  animation-duration: 1s;
}
/****ANIMATIONS****/
@keyframes fadeIn_Modal {
from{
  opacity: 1;
   top: 0; 
}
to{
  opacity: 1;
   top: 50%; 
}
}
@keyframes fadeIn_Container {
from{
  opacity: 0.9;
}
to{
  opacity: 0.9;
}
}
@media(max-width: 580px) {
  
  .popup-btn img {
    width: 180px !important;
    padding: 0px 5px;
}
.popup-btn {
  top: -78px;
}
}
@media(max-width: 480px) {
  
  .popup-btn img {
    width: 150px !important;
    padding: 0px 5px;
}
.popup-btn {
  top: -62px;
}
}
@media(max-width: 420px) {
  
  .popup-btn img {
    width: 151px !important;
    padding: 0px 5px;
}
.popup-btn {
  top: -55px;
}
}
@media(max-width: 375px) {
  
  .popup-btn img {
    width: 100px !important;
    padding: 0px 5px;
}
.popup-btn {
  top: -42px;
}
}