/*gallery*/
	
	.button{
		width:50%;
		display: block; 
		float:left; 
		position:relative; 
		padding-left:0.5%;
		padding-right:0.5%;
		padding-top:1%;
		cursor: pointer;
		z-index: 100;
		line-height: 0px; /* crucial for buttom padding 0 !!! */
		/*//transform: translate(0px, 0px) scale(0.001);8?
		}
		
	/*.button { transition: all .2s ease-in-out; }*/
	/*.button:hover { transform: scale(1.025); }*/
		
	#lightbox{
		display:none;
		position:absolute;
	}
	#overlay {
		opacity: 0.9; 
		display: block; 
		cursor: pointer;
		background: #000;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 300;
		top: 0;
		left: 0;
	}
	#content{ 
		max-width:100%;
		max-height:100%;
		display: block;
		position: fixed;
		cursor: pointer;
		position: relative;
	}
	
	#content img{
		position: fixed;
		max-width:90%;
		max-height:90%;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		z-index: 301;
	}
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	#content iframe{
		position: fixed;
		width:960px;
		height:540px;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		z-index: 301;
	}
	#txt{
		color:white;
		position: fixed;
		display:block;
		top: 10px;
		left: 10px;
		z-index: 302;
	}
	#description{
		color:white;
		position:fixed;
		bottom:10px;
		right:10px;
		z-index: 303;
	}
	
	
	
	@media (max-width: 1024px) {
	.button{
		width:50%;
		}
	}
	
	@media (max-width: 480px) {
	.button{
		width:100%;
		}
	}