/* =Content Styles
-------------------------------------------------------------- */

.wrapper {
  text-align: center;		
  position: absolute;
  display: table-cell;
  height: 1300px;
  width: 1920px;
  margin-left: calc(50% - 960px);
  top: 0;
  overflow: hidden;
  max-width: 1920px;
}

.wrapper2 {
background: url("./img/pozadimobil.png");
  position: absolute;
  display: table-cell;
  height: 100%;
  width: 100%;
}

.obsahparalax {
width:1920px; 
height: 850px;
    position: relative;
margin-left: calc(50% - 960px);
}

@media (max-width: 767.99px) {
.wrapper {
  display: none;
}
.wrapper2 {
  width: 100%;
  margin-left: 0;
}
.obsahparalax {
width:100%; 
height: 850px;
margin-left: 0;
}
}

@media (min-width: 768px) {
.wrapper {
  display: table-cell;
}
.wrapper2 {
  display: none;
}
}

.scene,
.layer {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.scene {
  position: relative;
}

.layer { position: absolute; }

.layer div {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* Background */
.background {
  background: url(../../paralax/L01.jpg) no-repeat;
  bottom: -20px;
  background-size: cover;
  position: absolute;
  width: 110%;
  left: -5%;
  top: -5%;
}


.sphere img{
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7,0.7);
	transform: scale(0.7);
}