body {
/*	font-family: 'Roboto'; */
	font-family: 'Verdana';
	font-weight: normal;
	font-style: normal;
	color: #665e5d;
	background-color: #ffffff;
}

.header {
	padding: 0px 0px 0px 0px;
	border-bottom: #bcceec 1px solid;
	border-top: #bcceec 1px solid;
	box-shadow: 2px 18px 11px -21px rgba(34, 60, 80, 0.27);
	z-index: 90;
}

.header_title {
	font-size: 3em;
}

.footer {
	padding: 20px 0px 10px 0px;
	box-shadow: 2px 18px 11px -21px rgba(34, 60, 80, 0.27) inset;
}

.menu_active {
	background-color: #0083c3;
	color: #ffffff;
}

.katex {
	font-size: 1em !important;
}

a.menu_active:link {color: #ffffff; text-decoration: none; background-color: #000845 !important;}
a.menu_active:visited {color: #ffffff; text-decoration: none; background-color: #000845 !important;}
a.menu_active:hover {color: #ffffff; text-decoration: underline; background-color: #000845 !important;}

.pagination_item_active {
	background-color: #000845 !important;
}

h1, h2, h3 {
	color: #665e5d;
}

a:link {color: #000845; text-decoration: none;}
a:visited {color: #000845; text-decoration: none;}
a:hover {color: #000845; text-decoration: underline;}

a.white:link {color: #ffffff; text-decoration: underline;}
a.white:visited {color: #ffffff; text-decoration: underline;}
a.white:hover {color: #ffffff; text-decoration: none;}

a.white_none:link {color: #ffffff; text-decoration: none;}
a.white_none:visited {color: #ffffff; text-decoration: none;}
a.white_none:hover {color: #ffffff; text-decoration: underline;}

a.red:link {color: #d54111; text-decoration: none;}
a.red:visited {color: #d54111; text-decoration: none;}
a.red:hover {color: #d54111; text-decoration: underline;}

.head_description {
	font-size: 1.2em;
	margin-top: 20px;
	margin-left: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 200px;
}

.page_description {
	font-size: 1.2em;
	margin-bottom: 20px;
	padding-left: 200px;
}

.front_block ul, ol, p{
	margin-left: 200px;
}

.front_block h1, h2{
	font-size: 2em;
}

.front_block h3{
	font-size: 1.8em;
}

.front_block h4{
	font-size: 1.5em;
}

.front_block h1, h2, h3, h4 {
	clear: both;
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.paggination {
}

.pagination_item {
	padding: 2px 10px 2px 10px;
	margin-bottom: 10px;
}

.pagination_item_active {
	padding: 2px 10px 2px 10px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #0083c3;
	color: #ffffff;
}

.main_page_image{
	height: 550px; 
}

@media (min-width: 1400px) {
    .container {
        max-width: 1200px !important;
    }
}

@media (min-width: 1000px) {
	.front_block ul, ol, p{
		padding-right: 100px;
	}
	.page_description {
		padding-right: 100px;
	}

	.publication_date_item {
		width: 150px;
	}
}

@media (max-width: 990px) {
	.col-2 {
		width: 25% !important;
	}
	.page_description {
		font-size: 1.1em;
		margin-bottom: 10px;
		padding-left: 0px;
	}

	.front_block ul, ol, p{
		margin-left: 0px !important;
	}

	.publication_date_item {
		width: 100px;
	}

	.publication_title_item {
		margin-left: 110px;
	}
}

@media (min-width: 767px) {
	.page_list_short_block {
		background-color: rgba(0, 0, 0, 0.6); 
		color: #ffffff; 
		padding: 20px 25px 20px 25px;
	}
}

@media (max-width: 766px) {
	.container {
		max-width: 100% !important;
	}

	.header {
		border-bottom: #bcceec 5px solid;
	}

	.header_title {
		font-size: 2.5em;
	}

	.mobile_top_block {
		height: 43px;
	}

	.main_page_image{
		height: 200px; 
	}

	.page_description {
		font-size: 1.1em;
		margin-bottom: 10px;
		padding-left: 0px;
	}

	.front_block h1, h2, h3, h4 {
		margin-top: 5px;
		padding-top: 5px;
	}

	.col-2 {
		width: 33% !important;
	}

	.page_list_short_block {
		padding: 0px 0px 0px 10px;
		border-left: 10px solid #bcceec;
		margin-bottom: 10px;
	}

	.page_list_short_block .white_none{
		color: #005275 !important;
		font-size: 0.8em;
	}

	.front_block ul, ol, p{
		margin-left: 0px !important;
	}
}

@media (max-width: 576px) {
	.mobile_top_block {
		height: 43px;
	}
	.header_title {
		font-size: 2em;
	}

	.main_page_image{
		height: 120px; 
	}

	.col-2 {
		width: 50% !important;
	}

	.front_block ul, ol, p{
		margin-left: 0px !important;
	}
}