div.resultat {
    position: absolute; 
}
#response {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	text-align: center;
/*	padding-bottom: 80px;/*Примерно 2 размера footer, чтобы он не наезжал на контент при узком окне браузера*/ 
}

#block {
        max-width:100; 
    position: absolute;  
}
#line_block 
{ 
        width: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%;  
}
#res_block {
        max-width:100%; 
max-height : 30%; 
margin-top: 10%;
    position: fixed;
        text-align:center;
bottom: 53%; 
}

/*form button: hover {
	cursor: pointer;
}*/
#training_course {
	text-align: center;
/*font-size: 0.8rem;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
/*text-shadow:0 0 10px #FAFAD2;*/
 margin-top: 5%;
 padding-left: 5%;
 padding-right: 5%;
}

@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;
    }
}