#overlay{width:100%;background-color:#000;z-index:1000;height:100%;opacity:.9;position:fixed;display:none}#blueShadow{width:20%;left:-4%;position:fixed;display:none;z-index:1001}#yellowShadow1{width:20%;right:-4%;bottom:0;position:fixed;display:none;z-index:1001}.lightBoxContainer{position:fixed;width:30%;background-color:#fff;z-index:1001;left:50%;border:4px solid #930;top:10%;transform:translate(-50%,-5%);display:none}#left{width:22%;position:absolute;top:50%;left:-22%;transform:translate(-1%,-50%);cursor:pointer}#right{width:20%;position:absolute;top:50%;right:-22%;transform:translate(-1%,-50%);cursor:pointer}
#mainImage{width:100%;padding:0%}@media screen and (max-width:580px){#blueShadow{width:45%}#yellowShadow1{width:45%}.lightBoxContainer{width:65%;top:25%;transform:translate(-50%,-5%)}#portfolio{width:90%;margin:0 auto}#portfolio li{width:100%;margin-left:0}}