/* Reset margins, paddings, and box model */
html, body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Remove default hyperlink styles */
a {
	text-decoration: underline;
	color: inherit;
}
a:hover {
	text-decoration: none;
}

/* Remove border on images inside links */
img {
	border-style: none;
}

/* Reset form elements */
button, input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	background: transparent;
	border: none;
	outline: none;
}

/* Disable ugly focus outlines (replace with custom styles) */
:focus {
	outline: none;
}

/* Root font size for REM units (1rem = 10px) */
html {
	font-size: 62.5%;
	scroll-behavior: smooth; /* Плавная прокрутка */
}

body {
	font-family: "Calibri", "Roboto", "Helvetica", "Verdana", "Courier New", "Courier", serif; /* Шрифт по умолчанию */
	font-size: 1.8rem; /* 18px */
	line-height: 1.5;
	color: #333; /* Цвет текста */
	background-color: #cddce9; /* Фон страницы */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
}

h1 { font-size: 3.2rem; } /* 32px */
h2 { font-size: 2.8rem; } /* 28px */
h3 { font-size: 2.4rem; } /* 24px */
h4 { font-size: 2.0rem; } /* 20px */

@media (max-width: 542px) {
	h1 {
		font-size: 2.8rem;
	}
}

/* Links */
a:hover {
	text-decoration: underline;
}

/* Container */
.wrap {
	width:100%;
}
.container {
	margin:40px auto;
	max-width: 1280px;
	padding:0 10px;
}

/* Header */
.header {
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	background-color: #0a345e;
	height: 120px;
}
header {
	display:flex;
}
header .logo {
	border-top-left-radius: 40px;
}
header .h1 {
	margin-left:20px;
	margin-top:20px;
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
	font-size: 3.2rem;
}
@media (max-width: 576px) {
	.container {
		margin:10px auto;
	}
	header .h1 {
		font-size: 3rem;
	}
}
@media (max-width: 542px) {
	header .h1 {
		font-size: 2.4rem;
		margin-left:0;
	}
}
@media (max-width: 448px) {
	header .h1 {
		font-size: 2.2rem;
	}
}
@media (max-width: 426px) {
	header .h1 {
		font-size: 2rem;
	}
}

/* Content */
.content {
	color: #0a345e;
	padding:20px;
}
.content ul, .content ol {
	padding-left: 20px;
}
.content ul {
	list-style: disc;
}
@media (max-width: 542px) {
	.content p, .content li {
		text-align: justify;
	}
}
table.table th { border: 1px solid #cccccc; color: #fff; padding: 3px 14px; background: #0a345e; text-align: center; font-size: 1.6rem; }
table.table td { border: 1px solid #cccccc; color: #000; padding: 3px 14px; font-size: 1.6rem; }
table.table td p, table.table th p, table.table td.th p { padding:0; margin:0; font-size: 1.6rem; }
table.table tr:nth-child(odd) { background-color: #fff; }
table.table tr:nth-child(even) { background-color: #ddd; }
.th { border: 1px solid #cccccc; color: #fff !important; padding: 3px 14px; background: #2284DA; text-align: center; font-size: 1.6rem; }

.content .flex {
	display: flex;
	flex-direction: row;
}
.content .flex>div {
	padding-left:10px;
	padding-right:10px;
}
.content .flex>div:nth-child(1) {
	padding-left:0;
}
.content .flex>div:last-child {
	padding-right:0;
}
@media (max-width: 900px) {
	.content .flex {
		display: flex;
		flex-direction: column;
	}
}

/* Footer */
.footer {
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	background-color: #0a345e;
	height: 120px;
	color:#fff;
}
.footer p {
	padding:30px
}
@media (max-width: 380px) {
	.footer p {
		padding:20px
	}
}
.footer a {
	color:#fff;
}