stylesheet

@import 'page_header';
@import 'default';
@import 'locked_message';
@import 'quiz';

html, body {
	height: 100%;
}
body {
	font-family: lato, tahoma, verdana;
}
.main {
	width: 980px;
	min-height: calc(100% - 463px);
	margin: auto;
}
#document_title {
	display: none;
}


/*	responsiveness */
@media screen and (min-width: 600px) and (max-width: 1023px) {
	.page_header > div,
	.main {
		width: 570px;
	}
	.page_header > div > a > div {
		margin-left: 3em;
		width: calc(100% - 8em);		
	}
	.default .list_of_files li.file {
		width: 50%;
	}
}
@media screen and (max-width: 599px) {
	.page_header > div,
	.main {
		width: 90%;
	}
	.page_header > div > a > div {
		margin-left: 1em;
		width: calc(100% - 6em);
	}
	.page_header > div > a > div > span {
		font-size: 3em;
	}
	.default .book_description > img {
		margin: 0 15%;
		width: 70%;
	}
	.default .book_description > div {
		padding-top: 2em;
		width: 100%;
	}
	.default .list_of_files ul {
		margin: 0;
	}
	.default .list_of_files li.file {
		width: 100%;
	}
}

Login