@media only screen and (max-width : 420px) {
html,
body,
.block1{
	height:70% !important;
}
.img_raspisanie{
	height: 50% !important; 
	width:50% !important; 
}
.map:active{
	height: 60% !important;
}
.block2{
	flex-direction: column !important;
	height: Calc(100% * 3) !important;
}
.flex_element{
	height: 175px !important;
}
.flex_text{
	top: Calc(100% - 50px) !important;
	clip: rect(0, auto, 50px, auto) !important;
}
.flex_text:hover {
	top: 20% !important; 
	clip: rect(0, auto, auto, auto) !important;
}
.tittle_flex {
	font-size: Calc(12.5px + 1.3vw) !important;
}
.content_flex {
	padding: 7px !important;
	padding-top: 5px !important;
	font-size: Calc(8px + 1.3vw) !important;
}
.gfooter{
	top: calc(850%) !important;
	font-size: Calc(10px + 0.3vw) !important;
}
}