@media (min-width: 1300px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1210px;
	}
}
html,
body {
	margin:0;
	padding:0;
	border:0;
	box-sizing: border-box;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
		display:block;
}

/* Line-height should always be unitless! */
body {
	line-height: 1.5;
	background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
	text-align: left;
	font-weight: normal;
	float:none !important;
}
table, th, td {
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

a {
	color: #179d86;	
	text-decoration: none;	
}
html,
body,
.body-column,
.main__container,
.main__column {
	height: 100%;
}
.main__column {
	min-height: 700px;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: #179d86;
	background: #e6f4e8 url(../i/bg.jpg) center top no-repeat;
	background-size: cover;
}
img {
	vertical-align: bottom;
}
.under {
	background: #ef4035;
	height: 40px;
	color: #fff;
	font-size: 18px;
	flex: 0 0 40px;
	width: 100%;
}
.under__container,
.under__row {
	height: 100%;
}
.under__col-item:first-child {
	margin-right: auto;
}
.flex-column {
	flex-direction: column;
}
.main {
	flex: 1 1 auto;
}
.section-top__logo {
	margin-right: auto;
}
.section-top__logo-img {
	width: 405px;
	height: 72px;
}
.section-top {
	margin-top: 50px;
	width: 100%;
}
.section-top__text {
	font-weight: 300;
	font-size: 22px;
	letter-spacing: 0.005em;
	line-height: 1.3em;
}
.section-top__button {
	width: 138px;
	height: 48px;
	border: 1px solid #179d86;
	font-size: 16px;
	border-radius: 30px;
	margin-left: 20px;
	transition: all .3s;
}
.section-top__button:hover {
	color: #fff;
	background: #179d86;
}
.section-middle__covid {
	color: #ef4035;
	font-weight: 300;
	font-size: 48px;
	line-height: 1.3em;
	letter-spacing: 0.005em;
	margin-right: auto;
}
.section-middle_textcol {
	font-size: 18px;
	line-height: 1.3em;
	margin-left: 90px;
}
.section-middle_textcol p:not(:last-child) {
	margin-bottom: 1.3em;
}
.section-middle_textcol strong,
.section-bottom__contacts span {
	font-weight: 600;
}
.section-bottom {
	margin-bottom: 60px;
}
.section-bottom__contacts {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 40px;
}

/* смартфон 375 */
@media (max-width: 575px)  {
	.container {
		width: auto
	}
	.section-top__logo-img {
		width: 100%;
		height: auto;
	}
	.section-top__button {
		margin-left: 0;
	}
	.section-middle__covid {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.section-top {
		margin-top: 30px
	}
	.section-top__logo {
		margin-bottom: 30px
	}
	.section-top__text {
		font-size: 20px;
		margin-bottom: 16px;
	}
	.section-middle_textcol {
		font-size: 14px
	}
	.section-middle_textcol {
		margin-left: 0;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	.section-bottom__contacts {
		font-size: 14px;
		margin-bottom: 0;
	}
	.section-bottom {
		margin-bottom: 0;
	}
}