.container {
	width: 100%;
}

.header {
	background-color: #ffffff;
	width: 100%;
}

.wrapper {
	width: 100%;
}

img {
	max-width: 100%;
}

.content {
	width: 58.5%;
}

.sidebar {
	width: 20%;
}

.ephemera {
	width: 20%;
}

.proj {
	width: 32%;
}

@media all and (max-width: 1000px) {
	.wrapper {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.content {
		background-color: #ffffff;
		width: 55.5%;
	}
	.sidebar {
		background-color: #ffffff;
		width: 20%;
		margin-left: 0px;
		padding-left: 0px;
	}
	.ephemera {
		background-color: #ffffff;
		width: 20%;
		margin-right: 0px;
		padding-right: 0px;
	}
	.proj {
		width: 90%;
		background-color: #ffffff;
	}
}

@media all and (max-width: 800px) {
	body {
		padding: 5px;
		width: 100%;
	}
	.container {
		margin: 0 auto;
		width: 100%;
	}
	.header {
		height: auto;
	}
	.wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}
	.content {
		background-color: #ffffff;
		width: 55.5%;
		margin: 5px 0 0 0px;
		padding: 0px;
	}
	.content ul {
		padding: 0px 0px 5px 30px;
		margin: 5px 10px 0px 0px;
	}
	.content .sered table {
		width: 90%;
		margin: auto;
	}
	.sered .content_text table {
		width: 100%;
		margin: auto;
	}
	.contentind h2 {
		font-size: 125%;
		color: #ad2910;
		margin: 0px;
		padding: 0px;
		font-family: "Comic Sans MS";
	}
	.sidebar {
		background-color: #ffffff;
		width: 23%;
		margin-left: 0px;
		padding-left: 0px;
	}
	.sidebar h3 {
		font-size: 100%;
		margin-bottom: 10px;
	}
	.sidebar h4 {
		letter-spacing: 0px;
	}
	.sidebar div.book {
		width: 100%;
	}
	.ephemera {
		background-color: #ffffff;
		width: 20%;
		margin-right: 0px;
		padding-right: 0px;
		vertical-align: top;
	}
	.ephemera h3 {
		font-size: 100%;
	}
	.ephemera table {
		margin: auto;
	}
	.ephemera div.book {
		width: 100%;
		margin: auto;
		padding: 0;
	}
}

@media all and (max-width: 768px) {
	body {
		padding: 5px;
		width: 100%;
	}
	.container {
		margin: 0 auto;
		width: 100%;
	}
	.header {
		height: auto;
	}
	.wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}
	.content {
		background-color: #ffffff;
		width: 55.5%;
		margin: 5px 0 0 0px;
		padding: 0px;
	}
	.content ul {
		padding: 0px 0px 5px 30px;
		margin: 5px 10px 0px 0px;
	}
	.content .sered table {
		width: 90%;
		margin: auto;
	}
	.sered .content_text table {
		width: 100%;
		margin: auto;
	}
	table {
		width: 100%;
		margin: auto;
	}
	.contentind h2 {
		font-size: 125%;
		color: #ad2910;
		margin: 0px;
		padding: 0px;
		font-family: "Comic Sans MS";
	}
	.sidebar {
		background-color: #ffffff;
		width: 23%;
		margin-left: 0px;
		padding-left: 0px;
	}
	.sidebar h3 {
		font-size: 100%;
		margin-bottom: 10px;
	}
	.sidebar h4 {
		letter-spacing: 0px;
	}
	.sidebar div.book {
		width: 100%;
	}
	.ephemera {
		background-color: #ffffff;
		width: 20%;
		margin-right: 0px;
		padding-right: 0px;
		vertical-align: top;
	}
	.ephemera h3 {
		font-size: 100%;
	}
	.ephemera table {
		margin: auto;
	}
	.ephemera div.book {
		width: 100%;
		margin: auto;
		padding: 0;
	}
	.proj {
		width: 90%;
		background-color: #ffffff;
		height: auto;
	}
	img {
		max-width: 100%;
	}
}

@media all and (max-width: 480px) {
	table {
		width: 100%;
	}
	td {
		text-align: center;
	}
	.shirina {
		width: 100%;
	}
	ul {
		font-size: 12px;
		text-align: left;
		padding: 0px 5px;
		margin: 5px 5px 0px 5px;
	}
	.title1 {
		text-indent: 0px;
	}
	.title1 h2 {
		text-align: center;
	}
	div.book {
		width: 100%;
	}
	.skryto {
		visibility: hidden;
	}
	.nomer {
		/* visibility: hidden; */
	}
	.contentind {
		width: 100%;
	}
	.proj {
		background-color: #ffffff;
	}
}

@media all and (max-width: 414px) {
	.header {
		height: auto;
	}
	h1 {
		font-size: 125%;
	}
	.content {
		background-color: #ffffff;
		width: 100%;
	}
	.sidebar {
		background-color: #ffffff;
		width: 100%;
	}
	.ephemera {
		background-color: #ffffff;
		width: 100%;
		margin: 5px auto;
	}
	.content-sidebar {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		display: inline-block;
		margin: 5px 5px 0 0;
		padding: 0px;
		vertical-align: top;
	}
	.proj {
		width: 90%;
		background-color: #ffffff;
	}
}

@media all and (max-width: 375px) {
	.header {
		height: auto;
	}
	h1 {
		font-size: 125%;
	}
	.content {
		background-color: #ffffff;
		width: 100%;
	}

	.sidebar {
		background-color: #ffffff;
		width: 100%;
	}
	.ephemera {
		background-color: #ffffff;
		width: 100%;
	}
	.content-sidebar {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		display: inline-block;
		margin: 5px 5px 0 0;
		padding: 0px;
		vertical-align: top;
	}
	.proj {
		width: 90%;
		background-color: #ffffff;
	}
}

@media all and (max-width: 360px) {
	.header {
		height: auto;
	}
	h1 {
		font-size: 125%;
	}
	.content-sidebar {
		width: 100%;
	}
	.proj {
		background-color: #ffffff;
	}
}