body, html {
	width: 100%;
	height: 100%;
    }
body {
  color: #e7e7e7 !important;
  overflow-x: hidden;
  font: 300 14px/21px 'Open Sans', sans-serif, Helvetica, Arial !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;  

}
body ::selection, #page, #page-2, #contact-section {

  background: url(../img/backgrounds/background.jpg) 0 0 repeat !important;
}

p{
	margin: 20px 0 0 0 !important;
}
.top90 {
	margin-top: 90px;
}

.portfolio-item-detail p{
	font-size: 10px !important;
	}
.ls-bottom-nav-wrapper, .ls-below-thumbnails{
z-index: 11000 !important;
}	
.impressum {
color: #706f83;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .23em;
margin-top: -15px;
}

@media only screen and (max-width: 768px) {
img.ls-bg{
margin-top: 0 !important;
}
.habse img.ls-bg{
margin-left: -600px !important;
}
.habse img.ls-bg{
margin-left: -800px !important;
}
.kirk img.ls-bg{
margin-left: -200px !important;
}
}


@media only screen and (max-width: 1240px) {
.ls-l.subdub {
	left: 420px !important;
}
.ls-l.micromachine {
	top:240px !important;
	left: 500px !important;
}
}


@media only screen and (max-width: 990px) {
.top90 {
	margin-top: 0px;
}
.blog-post-preview{
text-align: center;
width:100% !important;
}
}

@media only screen and (max-width: 890px) {
.ls-l.subdub {
	top:100px !important;
	left: 320px !important;
}
.ls-l.micromachine {
	top:140px !important;
	left: 320px !important;
}
}

@media only screen and (max-width: 660px) {
.ls-l.subdub {
	top:100px !important;
	left: 120px !important;
}
.ls-l.micromachine {
	top:140px !important;
	left: 108px !important;
}