#mishkabar{width:100%; background:linear-gradient(-90deg, rgba(173,16,25,1), rgba(173,16,25,1), rgba(45,3,84,1), rgba(45,3,84,1))no-repeat center fixed / cover;}
	#mishkabar > .wrap{max-width:100%; width:100%; padding:0px;}
		#mishkabar > .wrap > .album{width:calc(100% / 3); position:relative; overflow:hidden;}
			#mishkabar > .wrap > .album > a{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:100;}
			#mishkabar > .wrap > .album > img{display:block; width:100%; background:no-repeat center / cover; transition:all .7s;}
			#mishkabar > .wrap > .album:hover > img{transform:scale(1.7) rotate(-20deg); opacity:0.4; filter:blur(3px);}
			#mishkabar > .wrap > .album > div{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; background:linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,.6), rgba(0,0,0,.3), rgba(0,0,0,.2)); flex-direction:column;}
				#mishkabar > .wrap > .album > div::before{display:block; width:150px; height:150px; background:url("../images/mishkabar-ico.png") no-repeat center / contain; position:absolute; top:-30%; right:-50%; transition:all .3s;}
				#mishkabar > .wrap > .album:hover > div::before{top:30%; right:0%; transform:rotate(-25deg);}
				#mishkabar > .wrap > .album > div > b{display:block; font-family: 'Caveat', cursive !important; font-size:34px; font-weight:400;}
				#mishkabar > .wrap > .album > div > span{display:block; font-family: 'Caveat', cursive !important; font-size:16px;}
		#mishkabar > .wrap > .album:first-child{width:100%;}
			#mishkabar > .wrap > .album:first-child > img{height:calc(100vw / 5); min-height:300px;}
			#mishkabar > .wrap > .album:first-child:hover > img{transform:scale(1.7) rotate(-7deg);}
		#mishkabar > .wrap > .album:nth-child(2), #mishkabar > .wrap > .album:nth-child(3){width:calc(100% / 2);}
@media(max-width:1000px){
		#mishkabar > .wrap > .album{width:calc(100% / 2);}
		#mishkabar > .wrap > .album:nth-child(8){width:100%;}
			#mishkabar > .wrap > .album:nth-child(8) > img{height:calc(100vw / 5); min-height:300px;}
			#mishkabar > .wrap > .album:nth-child(8):hover > img{transform:scale(1.7) rotate(-7deg);}
}
@media(max-width:650px){
#mishkabar{min-height:unset;}
		#mishkabar > .wrap > .album{width:100%!important;}
			#mishkabar > .wrap > .album > img{height:calc(100vw / 5); min-height:300px;}
			#mishkabar > .wrap > .album:hover > img{transform:scale(1.7) rotate(-7deg);}
}

		#mishkabar > div.head{width:100%; position:relative; overflow:hidden;}
			#mishkabar > div.head > img{display:block; width:100%; background:no-repeat center / cover; height:calc(100vw / 5); min-height:300px; transform:scale(1.7) rotate(-7deg); opacity:0.4; filter:blur(3px); transition:all .7s;}
			#mishkabar > div.head > div{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; background:linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,.6), rgba(0,0,0,.3), rgba(0,0,0,.2)); flex-direction:column;}
				#mishkabar > div.head > div::before{display:block; width:150px; height:150px; background:url("../images/mishkabar-ico.png") no-repeat center / contain; position:absolute; top:30%; right:10%; transform:rotate(-25deg); transition:all .3s;}
				#mishkabar > div.head > div > b{display:block; font-family: 'Caveat', cursive !important; font-size:34px; font-weight:400;}
				#mishkabar > div.head > div > span{display:block; font-family: 'Caveat', cursive !important; font-size:16px;}
@media(max-width:700px){
				#mishkabar > div.head > div::before{right:-5%;}
}
@media(max-width:500px){
				#mishkabar > div.head > div::before{top:50%;}
}
		
		#mishkabar > .wrap > .foto{position:relative; overflow:hidden; min-width:175px; max-width:350px; flex-grow:1; width:calc(100% / 8); overflow:hidden;}
			#mishkabar > .wrap > .foto > img{display:block; width:100%; background:no-repeat center / cover; transition:all .5s;}
			#mishkabar > .wrap > .foto:hover > img{transform:scale(1.2);}

#pages{width:100%; background:linear-gradient(-90deg, rgba(173,16,25,1), rgba(173,16,25,1), rgba(45,3,84,1), rgba(45,3,84,1))no-repeat center fixed / cover; flex-wrap:nowrap; min-height:unset !important;}
	#pages > a{display:block; padding:25px 5px; flex-grow:1; text-align:center; background:#222; margin:0px; transition:all .5s;}
	#pages > a[data-this], #pages > a:hover{background:rgba(34,34,34,.5);}
		#pages > a::before{content:attr(data-page); display:inline-block;}
	#pages > select{display:block; width:100%; background:rgba(24,24,24,.8); border:none; padding:15px 25px; color:#FFF; text-align:center;}
		#pages > select > option{text-align:center;}
	#pages > select{display:none;}
@media(max-width:650px){
#pages{flex-wrap:wrap;}
	#pages > a{min-width:calc(100% / 10); display:none;}
	#pages > select{display:block;}
}



#alert{text-align:center; background:#151515; color:#FFF; padding:30px 15px; font-size:18px; margin-top:auto; margin-bottom:0px; position:relative;}
	#alert > b{display:block; color:#FF0000; font-size:80px; text-transform:uppercase; width:40%; margin:auto; opacity:.3;}
	#alert > div{width:60%; margin:auto auto auto auto; padding:35px 25px; font-weight:200;}
		#alert > div > a{color:#d10101; font-size:20px; text-decoration:none; border-bottom:1px dotted #d10101;}
@media(max-width:1500px){
	#alert > b{width:30%; font-size:50px;}
	#alert > div{width:70%;}
}
@media(max-width:1300px){
	#alert > b{width:100%;}
	#alert > div{width:100%;}	
}
@media(max-width:950px){
	#alert > b{font-size:30px;}
	#alert > div{padding:25px 15px;}
}