.main-popup {
    position:               fixed;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    z-index:                1000;
    display:                none; /* domyślnie nie pokazujemy popupa */
}
 
.main-popup .bg {
    position:               absolute;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    z-index:                1; 
}
 
 
@media only screen and (min-width: 769px) {
	.main-popup .container {
	    width: 655px;
    	height: 356px;	
    	overflow: auto;
	}
} 

@media only screen and (max-width: 768px) {
	.main-popup .container {
    	height: auto;	
    	min-height: 50px;
	}	
}
 
.main-popup .container {
    position: absolute;
    z-index: 100;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 5px 0 #999999;
}
 
.main-popup .close {
    width:                  17px;
    height:                 17px;
    display:                block;
    border-width:           2px;
    border-color:			rgba(0,0,0,0);
    cursor:                 pointer;
    position:               absolute;
    top:                    10px;
    right:                  10px;
    text-indent:            -999em;
    overflow:               hidden;
    background:             url(../images/close-popup.png) no-repeat;
}

.main-popup .close:focus,
.main-popup .close:hover {
	border-style: solid;
	border-color: black;
}
 
.main-popup .content {
    font:                   12px 'Segoe UI', Arial, sans-serif;
    color:                  #444;
    overflow:               hidden;
}