@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;
}

.welcomePortrait{
	width: 150px;
	float: left;
	margin: 0 20px 20px 0;
	border-radius: 20px;
}
/* 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: 30pt;
		color:white;
		text-align: center;

		/*background-image: linear-gradient(to right, rgb(104, 0, 173), white);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;*/
	}

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

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

	.welcomePortrait {
	width: 300pt;
	margin: 0 50px 50px 0;
	}

}