body {
    margin: 0;
}

html,
body,
#content,
#container,
#gallery-popup {
    height: 100%;
}

/*** POPUP SEMPLICE ***/

#wrapper {
    padding: 20px 80px;  
}

/*** POPUP STILE GALLERY ***/

#gallery_wrapper {
    height: 100%;
    margin: 0 auto;    
}

#lx-col-popup {
    width: 74.25%;
    float: left;
    position: relative;    
    height: 100%;
    overflow: hidden;
}

#rx-col-popup {
    width: 18.15%;
    padding: 7.5% 3.8% 0;
    float: right;  
    position: relative;
}        

#rx-col-popup * {
    font-family: 'Quicksand', sans-serif;
    font-weight: normal;
    font-size: 20px; 
    line-height: 20px; 
    letter-spacing: 3px;   
}  

#rx-col-popup p {
    margin: 9px 0 7px; 
}  
#rx-col-popup h1 {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 27px;    
}  

#rx-col-popup .label,
#rx-col-popup .label a {
    font-family: 'Georgia', serif; 
    font-size: 16px;  
    letter-spacing: 0; 
    font-style: italic;
    color: #dabf59;
    margin-top: 7px;   
}  
       
#rx-col-popup .label.tour {
    color: #000;
    line-height: 17px; 
    margin-bottom: 6px;  
}  
               
#rx-col-popup .label.link {
    margin-top: 6px;  
}  

#rx-col-popup .label a {
    color: #dabf59;
    text-decoration: none;
}  
  
#rx-col-popup .area {
    margin-bottom: 44px;
}

#rx-col-popup .ico {
    margin-top: 15px; 
    margin-bottom: 8px;
}      

.slide {
    width: 100%;
    height: 100%;
    max-width: 950px;
    background-color: #2a2a2a;  
    background-position: center center;
    background-repeat: no-repeat;
}

#gallery-popup {
}  


/* RESPONSIVE: max-width: 767px */

@media only screen and (max-width: 767px) { 
    #rx-col-popup h1 {
        margin-bottom: 11px;    
    }  
    #lx-col-popup {
        width: 100%;
        float: left;
        position: relative;    
        height: 40%;
        overflow: hidden;
    }
    
    #rx-col-popup {
        width: 90%;
        padding: 25px 5% 0;
        height: 60%;
        float: right;  
        position: relative;
    }    
    #rx-col-popup .ico {
        margin-top: 11px; 
        margin-bottom: 9px;
    }   
    #rx-col-popup .tour-box {
        float: left;
    }    
    #rx-col-popup .tour-box + .tour-box {
        margin-left: 10%;
    }
    .slide {
      background-size: cover;
      -moz-transform: rotate(-0.001deg);
    }
}   
  /* RESPONSIVE: max-width: 500px */

@media only screen and (max-width: 500px) { 
    #lx-col-popup {
      height: 30%;
    }    
    #rx-col-popup {
      height: 70%;
    }
    #rx-col-popup .area {
      margin-bottom: 0px;
    }     
    #rx-col-popup .tour-box {
        float: none;
    }    
    #rx-col-popup .tour-box + .tour-box {
        margin-left: 0;
    }
}     

  /* RESPONSIVE: max-width: 380px */

@media only screen and (max-width: 380px) { 
    #rx-col-popup p {
      margin: 3px 0 1px;
    }
}