.bg-box {
    padding: 10px;
}
.bg-light-gray {
    background-color: #f6f6f6;
}

.overlay-close.button {
    background:#000;
    border: none;
    color: #fff;
    font-size: 1em;
    line-height:1;
    height:44px;
    opacity:.8;
    position:absolute;
    right:0;
    top:0;
    width:44px;
    z-index: 999;
}
.overlay-close.button:before {
    content: '\00D7';
    font-size: 30px;
    line-height: .5;
}
.overlay-close.button:hover {
    opacity:1;
}

.overlay-close.button,
.overlay {
    cursor:pointer; 
}
.overlay-container {
    cursor:default;
}
.overlay {
    background:rgba(30,30,30,.8);
    bottom:0;
    left:0;
    overflow: scroll;
    padding:6px;
    position:fixed;
    top:0;
    right:0;
    z-index:9999;
}
.overlay-container {
    background:#fff;
    padding:10px;
    margin:6px auto;
    max-width:100%;
    position:relative;
    width:650px;
}
@media (min-width:768px) {
    .overlay-container, .bg-box {padding:20px}
}