html{
	/*padding-bottom: 20px;*/
	position: relative;
}

html,body{
	min-height: 100%;
}
body{
}

#footer{
	/*height: 15.8% !important;*/
	margin-top: 20px;
}

body:before{
	content: " ";
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, 0.5);
    z-index: -10;
}

body.homepage:before{
	display: none;
}

section#header>header,
section#main,
section#footer>footer{
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

span.blue{
	color: #00c0ff;
	text-transform: none;
}

.icon-bar{
	background-image: url("../../images/general/icon-menu.svg");
	/* background-size: cover; */
	display: none;
	height: 45px;
	padding: 10px;
	position: absolute;
	top: 24px;
	right: 2%;
	width: 60px;
}

@media 	all and (-webkit-min-device-pixel-ratio: 2     ),
		all and (   min--moz-device-pixel-ratio: 2     ),
		all and (     -o-min-device-pixel-ratio: 2/1   ), 
		all and (        min-device-pixel-ratio: 2     ),
		all and (                min-resolution: 192dpi){
	padding: 20px;
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 800px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (                min-resolution: 96dpi ) and (max-width: 800px){
/*@media all and (max-width: 800px){*/
	body{
		background-image: url("../../images/slideshow/_small.jpg");
		background-position: center 20%;
		background-size: auto 70% !important;
	}
}