@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
.ie6 img {
	width:100%;
}

/* Мобильный макет: 480 пикс. и меньше. */

h1 {
	font-size: 24pt;
	color: white;
}

h2 {
	font-size: 12pt;
	color:white;
	text-align: center;
}
.headBlock {
	padding: 20pt;
	/* border-radius: 30pt; */
}

.chapter-block {
	margin-bottom: 10pt;
	padding: 14pt;
	border-radius: 10pt;
}

.text-block {
	background-color: white;
	padding: 20pt;
	margin-top: 14pt;
	border-radius: 10pt;
}

.text-block p, li {
	font-size: 10pt;
	margin-bottom: 10pt;
}

.button {
    border-radius: 10pt;
	display: inline-flex;
	margin: 2px;
	padding: 10pt;
	background-color: WhiteSmoke;
	border: 1px solid gray;
    transition: box-shadow 0.3s ease-in;
}

/* 481–768 px*/

@media only screen and (min-width: 481px) {


}

/* 769–inf px*/

@media only screen and (min-width: 768px) {

	h1 {
		font-size: 40pt;
		color: white;
	}
	h2 {
		font-size: 20pt;
		color:white;
		text-align: center;
	}
	.headBlock {
		padding: 50pt;
		/* border-radius: 30pt; */
	}
	
	.chapter-block {
		margin: 0 30pt 14pt 30pt;
		border-radius: 30pt;
		padding: 14pt;
	}
	
	.text-block {
		background-color: white;
		padding: 50pt 50pt 36pt 50pt;
		border-radius: 30pt;
		margin-top: 14pt;
	}
	
	.text-block p, li {
		font-size: 14pt;
		margin-bottom: 14pt;
	}

	.button {
		border-radius: 21pt;
		display: inline-flex;
		margin: 14pt;
		padding: 14pt;
		background-color: WhiteSmoke;
		border: 1px solid gray;
		transition: box-shadow 0.3s ease-in;
	}
}