#window{width:100%;min-height:100%;z-index:30;background:rgba(0,0,0,.8);position:fixed;top:0;left:0}#window,#window *{-webkit-box-sizing:border-box;box-sizing:border-box}#background-close{width:100%;min-height:100%;z-index:31;position:fixed;top:0;left:0}#back-lightbox{	position: absolute;	left: 10%;	top: 5%;right: 10%;width:700px;height:540px;margin:auto;z-index:32}.lightbox{position:relative;width:100%;height:100%;padding:30px;margin:0;z-index:53}#close-icon{background-image:url(../images/close-icon.png);background-repeat:no-repeat;width:32px;height:32px;position:absolute;top:15px;right:15px;z-index:551}#close-icon:hover{cursor:pointer}

@media (max-width:350px){
#back-lightbox{	position: absolute;	left: 0%;	top: 25%;right: 10%;width:100%;height:100%;margin:auto;z-index:32}
.lightbox {
    height: auto;
    margin: 0;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 53;
}
}
@media (min-width:352px) and (max-width:500px) {
	#back-lightbox{	position: absolute;	left: 0%;	top: 50%;right: 10%;width:100%;height:100%;margin:auto;z-index:32}
.lightbox {
    height: 100%;
    margin: 0;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 53;
}
	}
@media (min-width:502px) and (max-width:850px) {
	#back-lightbox{	position: absolute;	left: 0%;	top: 5%;right: 10%;width:100%;height:100%;margin:auto;z-index:32}
.lightbox {
    height: 60%;
    margin: 0;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 53;
}
	}