html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

body {
	background: black;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
}

body2 {
	display: table;
	overflow: hidden; 
	height: 100%;
	width: 100%;
}

body3 {
	display: table-cell;
	vertical-align: middle;
}

main, author, galleria_title, credits, facebook_link {
	display: block;
}

main {
    position: absolute; 
    top: 0; 
    right: 10%; 
    bottom: 0; 
    left: 10%; 
}

facebook_link {
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 90%; 
    text-align: center;
}

author, galleria_title, credits {
	font: 12px/1.4 helvetica, arial, sans-serif;
	color: silver;
}

author {
    color: ivory;
}

galleria_title {
    margin-top: 0.05em;
    margin-bottom: 1em;
}

credits {
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    padding: 10px 0;
    text-align: center;
    color: dimgray;
}

facebook_link a {
	color:#22BCB9;
	text-decoration:none;
}

facebook_link img {
	border: 0;
	padding-top: 1em;
}

@media only screen and (min-height: 0px) {

    #galleria_viewport {
    	height: 140px;
    }

}

@media only screen and (min-height: 300px) {

    #galleria_viewport {
    	height: 240px;
    }

}

@media only screen and (min-height: 400px) {

    #galleria_viewport {
    	height: 340px;
    }

}

@media only screen and (min-height: 500px) {

    #galleria_viewport {
    	height: 440px;
    }

}

@media only screen and (min-height: 600px) {

    #galleria_viewport {
    	height: 540px;
    }

}

@media only screen and (min-height: 700px) {

    #galleria_viewport {
    	height: 640px;
    }

}

@media only screen and (min-height: 800px) {

    #galleria_viewport {
    	height: 740px;
    }

}

@media only screen and (min-height: 900px) {

    #galleria_viewport {
    	height: 840px;
    }

}

@media only screen and (min-height: 1000px) {

    #galleria_viewport {
    	height: 940px;
    }

}

@media only screen and (min-height: 1100px) {

    #galleria_viewport {
    	height: 1040px;
    }

}

@media only screen and (max-height: 640px) {

    #fbimg {
    	width: 50%;
    }

}