#shell{display:block} #shell,section{position:relative;width:100%}section{overflow:hidden;min-height:100vh;justify-content:center}.section-content,section{height:100vh;display:flex;align-items:center;flex-direction:column}.section-content{min-height:calc(100vh - 44px);width:calc(74.07407vh - 44px);max-width:calc(100% - 30px)}


#home

div {
  background-image: url("roz.jpg");
width: 100%; 
	height: 100%;

}
 


p {
  background-image: none;
}
.rozlylka {
background-image: url(roz.jpg);
background-color: transparent;
}

img.lylka-title {
width:40%;
max-width:400px;
margin:0 auto;
}

.image1 {
border: 10px outset silver;
 display:inline;
height:40%;
}

.image2 {
border: none
 display:none;
height:30%;
}

.button1 {
 display:inline;
}

.button2 {
 display:none;
}

@media only screen and (max-width: 700px){           
.image1{
   height:20%;
   }
.image2{
     display:block;
   }

.button1 {
 display:none;
}

.button2 {
 display:inline;
}

img.lylka-title {
width:80%;
margin:0 auto;
}


   }

}

#whatisdzvon
div {
  background-image: url(moshrem.gif);
width: 100vw; 
	height: 100vh;
}
p {
  background-image: none;
}
.remisland {
background-image: url(moshrem.gif);
background-color: transparent;
}






#matrix
div {
  background-image: url(tlo.gif);
width: 100vw; 
	height: 100vh;
}
p {
  background-image: none;
}
.matrix {
background-image: url(tlo.gif);
background-color: transparent;
}

.picmusic
{
width:300;
}

.tablekom {
 display:none;
}

.tablepc {
 display:inline;
}
@media only screen and (max-width: 700px){           
.picmusic
{
width:35vw;
}

.tablekom {
 display:inline;


}

.tablepc {
 display:none;

}
}



#videos
div {
  background-image: url(przod1.jpg);
width: 100vw; 
	height: 100vh;
}
p
.dowe {
background-image: url(przod1.jpg);

}

.klipykom {
 display:none;

}

.klipypc {
 display:inline;
}
.other {
display:block;
width: 30vh
}


@media only screen and (max-width: 700px){           
.klipykom{
   display:inline;
height: 30vh;
   }
.klipypc{
     display:none;
height: 30vh
   }
         
.other{
   display:block;
width: 50%;
   }
}

#store
div {
  background-image: url(wintlo.jpg);
width: 100vw; 
	height: 100vh;
}
p
.wnd {
background-image: url(wintlo.jpg);

}


.tablewinda {
background-image: url(wintlo.jpg);
width: 50%;
}

@media only screen and (max-width: 700px){   

.tablewinda {
background-image: url(wintlo.jpg);
width: 80%;
}

}