#PopUp{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001;  }
#PopUp>div{ background: #fff; margin: auto; position: relative; display: table; border:solid 2px #FFF; border-radius: 10px; overflow: hidden; } 

#PopUp .cerrar{ margin: 0px 0px 0px auto; cursor: pointer; }

#PopUp .cnt>div{display: table; margin-left: auto; margin-right: auto; }

#PopUp h3{text-align: center; padding: 0px 5%; width: 90%; max-width: 370px; }
#PopUp .text{text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 0px 5%; }

#PopUp .text, #PopUp .image{ width: 90%; max-width: 370px; }

#PopUp .btn-style-one{ display: table; margin: auto; }

#PopUp .cerrar{ 
    width: 40px;
    position: absolute;
    right: 0px; 
}    

@media screen and (min-width:800px){           
    #PopUp .cnt{ background-size: 447px 576px; }   
}

@media screen and (max-width:799px){            
    #PopUp .cnt{ background-size: calc(447*0.67px) calc(576*0.67px); }    
    #PopUp p{ font-size: calc(25*0.67px); padding: 0px calc(20*0.67px); line-height: calc(45*0.67px); margin-top: calc(145*0.67px); }
}

#fondoNegro.plano {
  background-color: rgba(0,0,0,0.50);
}

#PopUp .image img{width: 100%; max-width: 100%;}