:root {
	--main_blue: #2a8eab;
	--yellow_accent: #ffbf00;
	--red_accent: #cc4125;
	--green_accent: #6c6;


	--background_page: #e1e1e1;
	--background_article: #fafafa;
	--background_header_wrapper: var(--main_blue);
	--background_footer_wrapper: var(--main_blue);

	--text_color: #444;
	--text_white_color: #e8e8e8;
	--text_blue_color: var(--main_blue);
	--text_link_color: #2590d4;

	--separator: #e7e7e7;
}

@font-face{
	font-family: 'Open Sans';
	font-weight: 300;
	font-style: normal;
	src: local('Open Sans'), url(../fonts/OpenSans/OpenSans-Light.ttf);
}

@font-face{
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: normal;
	src: local('Open Sans'), url(../fonts/OpenSans/OpenSans-Regular.ttf);
}

@font-face{
	font-family: 'Open Sans';
	font-weight: 500;
	font-style: normal;
	src: local('Open Sans'), url(../fonts/OpenSans/OpenSans-Medium.ttf);
}

@font-face{
	font-family: 'Open Sans';
	font-weight: 600;
	font-style: normal;
	src: local('Open Sans'), url(../fonts/OpenSans/OpenSans-SemiBold.ttf);
}

@font-face{
	font-family: 'Open Sans';
	font-weight: 700;
	font-style: normal;
	src: local('Open Sans'), url(../fonts/OpenSans/OpenSans-Bold.ttf);
}

body {
	margin: 0;
	font-family: Open Sans;
	width: 100%;
	background: var(--background_page);
	color: var(--text_color);
}

a {
	text-decoration: none;
	color: var(--text_link_color);
}

.Content {
	display: flex;
	max-width: 1240px;
	background: var(--background_article);
	margin: 80px auto 0;
  flex-direction: row;
}

.Content .wrapper {
	max-width: 1100px;
	margin: 0 auto;
}

.wrapper .breadNav {
	padding-top: 15px;
	font-size: .9em;
}

.wrapper article {
	margin: 0;
	border: 1px solid var(--background_article);
}

.wrapper .imgBlock {
	text-align: center;
	margin: 15px 10px;
}

.wrapper .imgBlock img {
	width: 95%;
	max-width: 750px;
}

.wrapper article h1 {
	text-align: center;
	color: var(--main_blue);
	font-weight: 500;
}


/*
	Подвал страницы
*/
footer {
  min-height: 140px;
	color: var(--text_white_color);
	background: var(--background_footer_wrapper);
	padding-top: 15px;
}

footer a {
	display: inline-block;
	color: var(--text_white_color);
	text-decoration: underline;
	margin: 0;
}

.FooterLinks {
	margin: 0 auto;
	max-width: 1240px;
	margin-bottom: 35px;
	list-style: none;
}

.FooterLinks li {
	display: block;
	height: 1.5em;
	line-height: 1.5em;
}

.FooterLinks a {
	text-decoration: none;
	font-size: 1em;
}

.FooterSign {
	text-align: center;
	font-size: .9em;
	padding-bottom: 1em;
}


@media all and (max-width: 925px) {
	
	.Content {
		flex-direction: column !important;
	}
}

@media all and (max-width: 600px) {
	.Content {
		margin: 46px auto 0;
	}
}