div.rozaleft{  
    position: absolute; 
    witdh: 15%;
    max-width:  200px;
}
div.rozaright{  
    position: absolute; 
    witdh: 15%;
    max-width:  200px;
}
div.container {  
    display: inline-block;
    position:relative;
    width: 70%;
    max-width:  570px; 
}
div.container1 {  
    display: inline-block;
    position:relative;
    width: 100%;
    max-width:  1600px;
text-align: center;
}
div.container2 {  
    display: inline-block;
    position:relative;
    width: 100%;
    max-width:  1600px;
text-align: center;
}

div.left 
{
    position: absolute; 
    top: 6%; left: -5%; right: 62%;
/*    padding: 5% 5% 5% 5%;  */
    color: white;
}
div.right
{
    position: absolute; 
    top: 6%; left: 62%; right: -5%;
/*    padding: 5px 5px 5px 10px; */
    color: white;
} 
div.left1 
{
    position: absolute; 
    top: -11%; left: 9%; right: 53%;
    color: white;
}
div.right1
{
    position: absolute; 
    top: -11%; left: 53%; right: 9%;
    color: white;
}
div.left2 
{
    position: absolute; 
    top: -31%; left: 5%; right: 60%;
    color: white;
}
div.right2
{
    position: absolute; 
    top: -31%; left: 60%; right: 5%;
    color: white;
}
div.resultat {
    position: absolute; 
}
#response {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	text-align: center;
	text-align: center; 
	clear: both;
	z-index: 15;
/*	padding-bottom: 80px;/*Примерно 2 размера footer, чтобы он не наезжал на контент при узком окне браузера*/ 
}

div.bochki
{
    position: relative; 
    padding: 0;
margin-top: -2%;
}
img
{
   width:  100%;
}
.bottle 
{
    width: 100%;
}
input.user
{
   width: 100%;
}
input.bo1
{
   width: 100%;
}
input.bo2
{
   width: 100%;
}
#block {
        max-width:100%; 
	max-height : 15%; 
	position: absolute;
	margin: 0 auto; 
	padding-left: 5%;
	padding-right: 5%;
	z-index:30;
}
#line_block 
{ 
        width:15%; 
/*max-height : 15%; */
        float:left; 
        text-align:center;
       -webkit-filter: drop-shadow(3px 5px 5px #000);
        filter: drop-shadow(3px 5px 5px #000);
margin-left: 2%;
margin-right: 2%;  
}
#line_block1 
{ 
        width:66%; 
/*max-height : 15%;*/
        float:left; 
        text-align:center;
margin-left: -2%;
margin-right: -2%; 
}
#line_block2 
{ 
        width:66%; 
/*max-height : 15%; */
        float:left; 
        text-align:center;
/*margin-top: -17%;*/
}
#res_block {
        max-width:100%; 
max-height : 30%; 
margin-top: 10%;
    position: fixed/*relative/*absolute*/;
        text-align:center;
/*margin-*/left: 5%;
/*margin-*/right: 5%;  
bottom: 50%; 
z-index:120;
}

#footerblock {
    margin: 0 auto; 
    padding: 0;
/*    position: fixed/*absolute;
    width: 100%;               
    text-align: center; */
    margin-top: 2%;
    background-color: #07063f;
    box-shadow: 0 0 7px white, 0 0 15px crimson, 0 0 9px white inset;
z-index: 50;
}
.footer{
	z-index:120;
}
#training_course {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0.8rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
@media only screen and (max-width:800px)
{
    .footer{
        font-size: 0.6em;
    }
    .bottle{width: 95%}
}
@media only screen and (max-width:640px)
{
    .footer{
        font-size: 0.5em;
     }
}
@media only screen and (max-width:540px)
{
    .footer{
        font-size: 0.4em;
    }
   .bottle {width: 90%}
}
@media only screen and (max-width:460px)
{
    .footer{
        font-size: 0.25em;
    }
}