#wrapper.log {
    min-height: 400px;
    height: calc(100% - 467px);
}
#wrapper.log2 {
    height: calc(100% - 467px);
}
#wrapper.log3 {
	min-height: 150px;
    height: calc(100% - 467px);
}
#wrapper.log4 {
	min-height: 325px;
    height: calc(100% - 467px);
}
#wrapper.log5 {
	min-height: 275px;
    height: calc(100% - 467px);
}
#wrapper.log6 {
	min-height: 200px;
    height: calc(100% - 467px);
}
.ondemand #wrapper.log2 {
    height: auto;
}
#wrapper.log3 #readyTime,
#wrapper.log3 #allEndTxt {
    height: 100%;
}
#wrapper.log3 #readyTime p,
#wrapper.log3 #allEndTxt p {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
}
/*
#wrapper.log3 #timetableArea {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#wrapper.log3 #timetableArea p {
	font-size: 20px;
}
*/
#content {
	height: 100%;
}
/* screens smaller than 900px---------------------------------------------------------- */
@media only screen and (max-width:900px) {
	#wrapper.log4 {
		min-height: auto;
	    height: auto;
	}
}

/* screens smaller than 768px---------------------------------------------------------- */
@media only screen and (max-width:768px) {

	#wrapper.log {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log2 {
	    height: auto;
	}
	#wrapper.log2 #readyTime,
	#wrapper.log2 #allEndTxt {
	    height: auto;
	}
	#wrapper.log2 #readyTime p,
	#wrapper.log2 #allEndTxt p {
	    font-size: 1em;
	}
	#wrapper.log3 {
		min-height: auto;
	    height: auto;
	}
	/*
	#wrapper.log3 #timetableArea p {
		font-size: 16px;
	}
	#wrapper.log3 #timetableArea {
		padding-bottom: 40px;
	}
	*/
	#wrapper.log4 {
		min-height: auto;
	    height: auto;
	}
	#wrapper.log5 {
		min-height: auto;
	    height: auto;
	}
	#wrapper.log6 {
		min-height: auto;
	    height: auto;
	}
}