html {
	overflow-x: hidden;
}

body {
	margin: 0;
	color: #666;
	font-family: sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 30px;
	font-size: 16px;
	overflow-x: hidden;
}

a {
    color: #28394a;
	text-decoration: none;

}

img {
    border-style: none;
    max-width: 100%;
    display: block;
}
article, aside, footer, header, nav, section {
	display: block;
}
figcaption, figure, main {
	display: block;
}


.container {
	width: 1360px;
	padding: 0 40px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}

.container-fluid {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid.bg-color {
	background: #ecf6fb;
}

.row {
	display: flex;
	margin: 0 auto;
}

.row.space-between {
	justify-content: space-between;
}

.row.row-wrap {
	flex-flow: row wrap;
}

header {
	background: #edf6fb;
}

header .logo {
	height: 80px;
	position: relative;
}

header .logo a {
	height: 80px;
}

header .logo a img {
    height: 100%;
}

header .logo::before {
	content: "";
	width: 100vw;
	height: 80px;
	background: #27394b;
	left: -100vw;
	position: absolute;
}

h1, h2, h3, h4, h5, .page-title, .error-title {
	font-family: sans-serif;
	color: #28394a;
	margin-top: 0;
	font-weight: 700;
}

h1, .page-title, .error-title {
	font-size: 48px;
	font-family: sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 48px;
}

h2 {
	font-size: 32px;
	line-height: 40px;
}

main {
	min-height: calc(100vh - 190px);
}

main h1 {
	margin-bottom: 25px;
}
main h2 {
	margin-bottom: 30px;
}

main .header-container {
	padding-top: 125px;
	padding-bottom: 25px;
	text-align: center;
}

.container .framed {
	width: 100%;
	min-height: 500px;
	border: 0;
	margin: 40px 10% 20px 10%;
}
		
footer {
	height: 80px;
	background: #1e2c3a;
	color: #fff;
	padding-top: 30px;
}

footer a {
	color: #fff;
}

footer > .container {
	padding: 0 80px;
}

footer .copyright {
	/* margin-top: 100px; */
}

footer .copyright #logo img {
	height: 80px;
}

footer .copyright #logo::before {
	content: "";
	position: absolute;
	height: 80px;
	background: #27394b;
	width: 100vw;
	left: calc(-100vw + 40px);
}

footer .copyright span.copyright-text {
	align-self: center;
	font-size: 14px;
	padding-right: 40px;
}

.subfooter {
	background: #28394a;
	color: #fff;
	/* padding-top: 90px;
	padding-bottom: 90px; */
}
