.lightbox {
	display:none;
    position:fixed;  
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(10,10,10,0.8); 
}

.lightbox img {
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
 
    max-width:98%;
    max-height:98%; 
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    zoom: 10;
    padding-bottom: 0px;  
}
 
div.horizontal {
    display: flex;
    justify-content: center;
    height: 100%;    
}

div.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;   
}

figure {
	margin: 0;
	text-align: center;
}

figcaption {
	padding: 8px;
}

img {
	padding-bottom: 1px;
}

img.photo100 {
	width:100%;
}

img.photo50 {
    padding-left: 0.1%;
    padding-right: 0.1%;
    width: 49.8%;
}

img.photo33 {
	padding-left: 0.06%;
	padding-right: 0.06%;
	width:33.2%;
}

video {
	width:100%;
}

article {
	background: rgb(222,222,222); 
	width:75%;
	padding: 4px;
	padding-bottom: 10px;	
	margin: auto;
	margin-bottom: 20px;	
}

h1 {
	text-align: center;
}

body {
	font-family: "Verdana", Sans-serif;
}

/* tablets, portrait */
@media screen and (max-width: 1024px) {
	body { 
		margin: 0;
	}
	article {
		width:86%;
	}
}

/* phones */
@media screen and (max-width: 736px) {
	body { 
		margin: 0;
	}
	article {
		width:100%; 
		padding: 0;
		padding-bottom: 5px;	
	}
}