#globe-lightbox { position:fixed; display: none; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: url(black85.png); text-align: center; } #globe-lightbox a{ text-decoration: none; } #globe-lightbox .content{ margin-bottom: 2.8em; } #globe-lightbox .box{ position: relative; display: inline-block; margin: 40px auto 0 auto; background: url(lightbox-stripes.png); max-width: 90%; min-width: 440px; min-height: 100px; } #globe-lightbox .bar{ position: absolute; bottom: 0; width: 100%; background: white; text-align: right; border-top: 1px solid #cfdbe0; } #globe-lightbox a{ cursor: pointer; } #globe-lightbox .bar span{ vertical-align: middle; display: inline-block; line-height: 3em; } #globe-lightbox .bar span.x{ font-size: 1.7em; line-height: 1.5em; margin: -0.08em 0.5em 0 0.1em ; } @media screen and (max-width:480px) { #globe-lightbox .box{ width: 90%; min-width: 0; } }