*{
  margin: 0 auto;
  overflow: auto;
  font-family: helvetica;
  cursor: crosshair;
}


p{
  font-size: 14px;
}

td{
  font-size: 12px;
  text-align: center;
}

.content{
  position: fixed;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

top:50%;
left:50%;
height: 100%;
width: 80%;
text-align: center;
z-index: 888;
}

.heading{
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}


.main-img{
  height: 50%;
  cursor: e-resize;
    transition: transform .2s;
}

/* .main-img:hover{
  transform: scale(2);
    transition: transform .2s;
} */

.discription{
padding-top: 30px;
padding-bottom: 30px;
}


.imprint{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 10px;
  letter-spacing: 1px;
  cursor: pointer;
}


.imprint-text{
  padding: 5%;
}

.imprint-text h1, h2, h3, h4{
padding-bottom: 20px;
padding-top: 30px;}

input, select{
  cursor: pointer;
}


/*SHRIMP*/
#container {
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
  pointer-events: none;
    z-index: 999;
}

#the-div {
    width: 100px;
    height: 100px;
    position: absolute;
}

#the-div.left {background: url(../img/left.png); background-size: cover;}
#the-div.right {background: url(../img/right.png); background-size: cover;}

body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; // hide images
   content:url(img1.png) url(../img/right.png) url(../img/left.png) ;   // load images
}



/*RESPONSIVE*/
@media screen and (max-width: 480px) {
h1{
  font-size: 1.5em;
}

.heading{
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.main-img{
  height: auto;
  width: 80%;
}

#the-div {
    width: 70px;
    height: 70px;}

}