.PictureAlbum{display:flow-root;margin:0 auto;max-width:2000px;width:95%;height:60vw;margin:0 auto;border-radius:15px}.PictureAlbum #main{position:relative;width:30%;height:100%;margin:0 0 0 80%;float:right;background-color:#fff;padding:20px;transition:width 2s;border-radius:0 15px 15px 0}#header p{text-align:justify;direction:rtl}#header{text-align:right}#mobileHeader{display:none;z-index:200;text-align:right;direction:rtl;position:relative;width:70%;height:168px;padding:1px 20px;background-color:#fff;transition:width 2s;border-radius:10px}#mobileHeader p{text-align:justify;direction:rtl}.nav-next,.nav-previous{position:absolute;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;z-index:190;font-size:90px;font-family:monospace;width:60px;height:140px;cursor:pointer;top:45%}.nav-next{right:10px}.nav-previous{left:5px}#thumbnails::-webkit-scrollbar{display:none}#thumbnails{position:absolute;width:96%;display:grid;grid-template-columns:auto auto;height:43vw;overflow-x:scroll;bottom:15px;left:0;margin:0 2%}.thumbnailContainer{cursor:pointer;width:96%;margin:5px}.thumbnailContainer img{width:100%;border-radius:5px}.thumbnailContainer h2{display:none}.thumbnailContainer p{display:none}#fadeInOut{position:absolute;background-color:#000;display:none;width:100%;height:100%;z-index:200}#toggle{position:absolute;background-color:#000;opacity:.2;z-index:100;right:10px;top:10px;width:35px;height:35px;cursor:pointer;border-radius:5px}#toggle img{width:100%;height:100%}#viewer{width:70%;height:59.5vw;margin:0 80% 0 0;position:relative;transition:width 2s}.slide.active{height:100%}.ActiveImage{position:absolute;display:block;z-index:1;height:100%;width:100%;border-radius:10px}.caption{z-index:10;height:15vw;width:100%;bottom:0;position:absolute;background-image:linear-gradient(rgba(255,255,255,.6),rgba(150,150,150,.4))}.caption h2{font-size:35px;font-weight:bold;margin:10px 20px}.caption p{font-size:30px;line-height:1;margin:0 20px}@media only screen and (max-width:1260px){#thumbnails{bottom:10px;height:41vw}}@media only screen and (max-width:1200px){#thumbnails{bottom:5px;height:39vw}}@media only screen and (max-width:1100px){#header p{line-height:1.4}#header h1{font-size:30px;margin:0;margin-bottom:10px}#thumbnails{height:35vw}}@media only screen and (max-width:914px){#main{overflow:scroll}#thumbnails{position:relative;overflow:unset}.caption h2{font-size:3vw}.caption p{font-size:2.5vw}}@media only screen and (max-width:670px){.PictureAlbum{height:544px}.ActiveImage{border-right:unset}#header{display:none}#mobileHeader{display:block}#mobileHeader h1{font-size:30px;margin:0;margin-bottom:10px}.PictureAlbum #main{top:-168px;height:538px}#viewer{height:370px}}@media only screen and (max-width:541px){#thumbnails{grid-template-columns:auto}#mobileHeader{padding:1px 10px}#mobileHeader h1{font-size:26px}#mobileHeader p{line-height:1.3}}@media only screen and (max-width:430px){.thumbnailContainer{width:60px}#thumbnails{width:70px;left:-10px;margin:0}#mobileHeader p{font-size:12.5px}#mobileHeader h1{font-size:24px;margin-top:5px}.nav-next,.nav-previous{font-size:40px}.nav-next{right:5px;text-align-last:right}}