html,
body,
.block1{
	height:100%;
}
body {
	margin-top: 0px;
}
img{
	height: 100%;
	width: 100%;
}
.map{
	position: fixed;
	top: Calc(50% - 24px);
	left: Calc(100% - 48px);
	height: 48px;
	width: 48px;
	background-image: url("img/Map.png");
	z-index: 1;
	background-size: 100% 100%;
}
.map:active{
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-image: url("img/Karta.jpg");
	background-size: 100% 100%;
}
.gheader {
	position: absolute;
	display: flex;
	height: 40%;
	width: 100%;
	background:linear-gradient(180deg,#F6CED0 0,rgba(246,206,208,.9) 35%,rgba(246,206,208,.6) 70%,rgba(255,255,255,0) 100%);
}
.left_header{
	width: 100%;
	flex: 1;
}
.right_header{
	position: relative;
	overflow: hidden;
	flex: 0.8;
}
.img_raspisanie{
	height: 60%; 
	width:60%; 
	border-radius: 15%;
 }
.fadeInTop {
    animation-name: fadeInTop;
    animation-duration: 3s;
}
@keyframes fadeInTop {
    from {  top: -250px; }
    to {  top: 0px; }
}
.left_bl{
	flex: 1;
}
.right_bl{
	text-align: center; 
	align-self: flex-end; 
	flex:0.8;
}
.block1{
	display: flex;
	position: relative;
	margin-bottom: 10px;
}
.block2{
	display: flex;
	height: Calc(100%*2);
}
.flex_in_block2_l{
	flex:1;
	margin-right: 10px;
}
.flex_in_block2_r{
	flex:1;
}
.flex_element{
	position: relative;
	height: 20%;
	margin-bottom: 10px;
	background-size: 100% 100%;
}
.flex_text{
	position: absolute;
	display: flex;
	flex-direction: column;
	top: Calc(100% - 45px);
	height: 80%;
	width: 100%;
	clip: rect(0, auto, 45px, auto);
	background: #F6CED0;
	opacity: 0.7;
	overflow: hidden;
	user-select: none;
}
.flex_text:hover {
	top: 20%; 
	clip: rect(0, auto, auto, auto);
}
.tittle_flex {
	flex: 0.2;
	padding: 12px;
	font-size: Calc(4px + 1.3vw);
	font-weight: 600;
}
.content_flex {
	hyphens: auto;
	flex: 1;
	padding: 12px;
	font-size: Calc(3px + 1.3vw);
}
.gfooter{
	position: absolute;
	width: calc(100% - 15px);
	height: 20%;
	top: calc(100% * 4.02 + 200px);
	background-color: #f9dcde;
	border-top-style: solid;
	text-align: center;
	font-size: Calc(12px + 0.3vw);
	white-space: pre-line;
	user-select: none;
}