.iframe{
    width: auto;
    height: auto;
    cursor: pointer;
    display: inline-block;  
   
    
    }
    
    .popup-wrapper {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    
        display: none;
        /*
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        */
        margin: auto;
        z-index: 992;
      
        
    
    
    
    }
    
    
    .popup {
       
        text-align: left;
        width: 100%;
        max-width: 800px;
        height: 600px;
        background: white;
        /*
        margin: 10% auto;
        */
        padding: 0px;
        
        border-radius: 21px;
        background: #233646;
        padding-bottom: 20px;
       margin: 2% auto;
       display: block;
       overflow:auto;
       background-image: url(../images/huella.png);
       background-repeat:no-repeat;
       
background-position:center;



        

       
       
       
    }
    
    .popup a {
        
        color: #fff;
    }
    
    
    
    .popup-close {
        position: absolute;
        top: 5px;
        right: 15px;
        cursor: pointer;
        font-size: 1.5rem;
        color:#fff;
    }
    .popup-content{
       display: block; 
    }
    
    
    .popup-content article{
      width: 90%;
      height: auto;
      margin: auto;  
      word-wrap: break-word;
      display: block;
    
    }
    .popup-content article h1{
       color: #6E9D93; 
       font-size: 30px;
       font-family: 'museo_sans300';
       text-align: center;
       margin-top: 20px;
    }
    .popup-content article h2{
        font-size: 25px;
        color: #6E9D93; 
        font-family: 'museo_sans300';

    }
    .popup-content article p{
       width: 100%;
       height: auto; 
       /*
      color: #243746; 
      */
      color: #fff;
      font-family: 'museo_sans300';
      font-size: 18px;
     
    }
    @media(max-width:991px){
        .popup {
       
            text-align: left;
            width: 90%;
            max-width: 800px;
            height: 90vh;
            
            /*
            margin: 10% auto;
            */
            padding: 0px;
            
            border-radius: 21px;
            background: #233646;
            
            padding-bottom: 20px;
           margin: 4% auto;
         
           display: block;
           overflow:auto;
           background-image: url(../images/huella.png);
           background-repeat:no-repeat;
           
    background-position:center;
            
    
           
           
           
        }

    }
    @media(max-width:767px){

        .popup {
       
            text-align: left;
            width: 90%;
            max-width: 800px;
            height: 90vh;
            background: #233646;
            /*
            margin: 10% auto;
            */
            padding: 0px;
            
            border-radius: 21px;
            background: #233646;
            
            padding-bottom: 20px;
           margin: 4% auto;
         
           display: block;
           overflow:auto;
           background-image: url(../images/huella.png);
           background-repeat:no-repeat;
           
    background-position:center;
            
    
           
           
           
        }
        .popup-content article h1{
            color: #6E9D93; 
            font-size: 23px;
            font-family: 'museo_sans300';
            text-align: center;
         }
         .popup-content article h2{
             font-size: 20px;
             color: #6E9D93; 
             font-family: 'museo_sans300';
     
         }
         .popup-content article p{
            width: 100%;
            height: auto; 
           color: #fff; 
           font-family: 'museo_sans300';
           font-size: 16px;
          
         }

    }