html,body {
  font-family: 'Raleway', sans-serif;
  padding: 0 2em;
  font-size: 18px;
  /*background:url(../img/finalbackgrumnd.jpg) repeat rgba(0,0,0,0.5);*/
  color: #aaa;
  text-align:center;
}

h1 {
  font-size: 3em;
  font-weight: 200;
  margin: 0.5em 0 0.2em 0;
}

p {
  margin: 1.5em 0;
  color: #888;
}

.italic { font-style: italic; }
.small { font-size: 0.8em; }

/** LIGHTBOX MARKUP **/
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position:fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	 -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.lightbox img {
	/** Pad the lightbox image */
	max-width:100%;
	max-height:100%;
	/*margin-top: 2%;*/
	display: block;
	position:absolute;
	text-align:center;
	vertical-align: middle;
	float:initial;
	margin:auto;
	top: 0; left: 0; bottom: 0; right: 0;
}

.lightbox:target {
	/** Remove default browser outline */
	/*position:relative;*/
	background: rgba(0,0,0,0.8);
	 -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	outline: none;
	/** Unhide lightbox **/
	display: block;
	text-align:center;
	vertical-align: middle;
	float:initial;
	z-index:+99999;
	margin: auto;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%;
	height: 100%;
	/* top:50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);*/
	/*line-height:60px;*/
	/*margin-top:103px;*/
}

@media only screen and (max-width:1024px){
	.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position:fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	 -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.lightbox img{
	max-width:100%;
	max-height:100%;
	/*margin-top: 2%;*/
	display: block;
	position:absolute;
	text-align:center;
	vertical-align: middle;
	float:initial;
	margin:auto;
	top: 0; left: 0; bottom: 0; right: 0;
}
}