@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,900');

@-moz-document url-prefix(http://) {
	button::-moz-focus-inner,
	[type="button"]::-moz-focus-inner,
	[type="submit"]::-moz-focus-inner,
	[type="reset"]::-moz-focus-inner {
		padding: 0 !important;
		border: 0 none !important;
	}
}

* {
	border: 0 none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
}
html {
	background-color: #ffffff;
	color: #505050;
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
body {
	min-height: 100%;
}
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	top: -1px;
}
a {
	color: #a32b8d;
	text-decoration: underline;
}
strong a {
	font-weight: inherit;
}
[href^="tel:"] {
	color: inherit;
	font: inherit;
	text-decoration: inherit;
}
img {
	height: auto;
	max-width: 100%;
	width: auto;
}
.block-image {
	display: block;
}
strong, b {
	font-weight: 900;
}
em, i {
	font-style: italic;
}
nav ul {
	list-style: none;
}
.alignleft {
	float: left;
	margin: 0 1.4em 1.4em 0;
}
.alignright {
	float: right;
	margin: 0 0 1.4em 1.4em;
}
.alignmiddle {
	display: block;
	margin: 1em auto;
}
.clearfloats:after,
.content:after {
	clear: both;
	content: '';
	display: block;
}
.styled-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.styled-list-item {
	display: block;
}


.master {
	margin: 0 auto;
	max-width: 1400px;
}
.master:after {
	clear: both;
	content: '';
	display: block;
}
.master > :first-child {
	margin-top: 0;
}
.master > :last-child {
	margin-bottom: 0;
}
.content > :first-child {
	margin-top: 0;
}
.content > :last-child {
	margin-bottom: 0;
}
.horizontal-padding {
	padding-left: 1.4em;
	padding-right: 1.4em;
}
.vertical-padding {
	padding-bottom: 1.4em;
	padding-top: 1.4em;
}
#root {
	margin: 0 auto;
	max-width: 1920px;
}


#header-top {
	padding: 0 1.4em;
}
#header-top .master:after {
	display: none;
}
#header-top-wrapper {
	margin-left: -1.4em;
	margin-right: -1.4em;
}
#header-top-table {
	border-spacing: 1.4em;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#site-title {
	display: table-cell;
	font-size: 100%;
	margin: 0;
	width: 14.5em;
}
#site-logo {
	display: block;
	font-size: 125%;
	font-weight: 900;
	height: 58px;
	line-height: 58px;
	text-decoration: none;
}
#header-slogan {
	color: #0891d8;
	display: none;
	font-size: 125%;
	font-weight: 900;
	letter-spacing: -0.01em;
	text-align: center;
	vertical-align: middle;
	width: 18%;
}
#header-slogan strong {
	color: #1356a4;
	font: inherit;
}
#search-form {
	display: table-cell;
	vertical-align: middle;
}
#search-input {
	background-color: transparent;
	border: 1px solid #b3b3b3;
	height: 3.625em;
	padding: 0 0.6em;
	width: 100%;
}
.header-link {
	border: 1px solid #0891d8;
	color: #0891d8;
	display: table-cell;
	line-height: 1;
	padding: 0.2em 0.5em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}


#header-nav {
	background-color: #1356a4;
	height: 55px;
	padding: 0 1.4em;
}
.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-header-nav-list {
	display: none;
}
.header-nav-list {
	margin: 0 -5px;
	padding: 0;
	text-align: justify;
}
.header-nav-list a {
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
}
.header-nav-list .menu-item {
	position: relative;
}
.header-nav-list > .menu-item {
	float: left;
}
.header-nav-list > .current-menu-item:after {
	background-color: #8fbe00;
	content: '';
	height: 5px;
	bottom: 0;
	left: 5px;
	position: absolute;
	right: 5px;
	z-index: 2;
}
.header-nav-list > .menu-item > a {
	display: block;
	line-height: 45px;
	padding: 5px;
}
.header-nav-list .sub-menu {
	background-color: #0891d8;
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 900;
	width: 16em;
}
.header-nav-list .sub-menu a {
	display: block;
	padding: 0.3em 1em;
	text-align: left;
}
.header-nav-list > .menu-item > .sub-menu {
	min-width: 100%;
	top: 100%;
}
.header-nav-list .sub-menu > :last-child > a {
	padding-bottom: 0.6em;
}
.header-nav-list .sub-menu .sub-menu {
	left: 100%;
	top: 0;
}
.pointer-device .header-nav-list :hover > .sub-menu,
.header-nav-list .hover > .sub-menu {
	display: block;
}
.header-nav-list > :last-child .sub-menu {
	left: auto;
	right: 100%;
}
.header-nav-list > :last-child > .sub-menu {
	right: 0;
}
.header-nav-list > :last-child .sub-menu a {
	text-align: right;
}


.language-list {
	display: none !important;
	left: 50%;
	position: absolute;
	top: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.language-list-item {
	float: left;
}
.language-list-link {
	border: 6px solid #e6e6e5;
	display: block;
}
#breadcrumb-segment {
	background-color: #e6e6e5;
	padding-top: 30px;
	position: relative;
}
#breadcrumb {
	color: #1356a4;
	padding: 1.4em;
}
#breadcrumb a {
	color: inherit;
	margin: 0 0.4em;
	text-decoration: none;
}


#footer h1,
#footer h2 {
	color: inherit;
	font-size: 125%;
}
#footer a {
	color: inherit;
}
#footer-top {
	background-color: #1356a4;
	color: #ffffff;
	font-weight: 300;
	padding-bottom: 2.8em;
	padding-top: 2.8em;
}
.footer-widget {
	line-height: 1.875;
}
.footer-widget .menu a {
	text-decoration: none;
}
.footer-widget-title + ul {
	line-height: 1.4;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
.footer-widget-title + ul a {
	display: block;
	font-size: 125%;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 1em;
	text-decoration: none;
}
.footer-widget .post-date {
	display: block;
	margin: -0.2em 0 0;
}
.footer-widgets-1 {
	float: left;
	margin-right: 5%;
	width: 20%;
}
.footer-widgets-2 {
	float: left;
	margin-right: 5%;
	width: 20%;
}
.footer-widgets-3 {
	float: left;
	width: 50%;
}
.footer-widgets-4 {
	float: left;
	width: 100%;
}
.footer-widgets > :first-child .footer-widget-title {
	margin-top: 0;
}
.footer-widgets-4 > :first-child .footer-widget-title {
	margin-top: 1.4em;
}
#footer-bottom {
	background-color: #125099;
	color: #ffffff;
	padding-bottom: 1.4em;
	padding-top: 1.4em;
}
#footer-bottom .master {
	position: relative;
}
.footer-share-list {
	clear: both;
	padding-top: 1.4em;
	text-align: center;
}
.footer-share-list-item {
	display: inline-block;
	text-align: left;
}
.footer-share {
	color: #ffffff;
	display: block;
	height: 2em;
	line-height: 2;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-indent: 150%;
	width: 2em;
}
.footer-share:before {
	font-weight: 900;
	left: 50%;
	line-height: 1;
	margin: -0.5em 0 0 -0.5em;
	position: absolute;
	text-indent: 0;
	top: 50%;
}
.footer-share-linkedin {
	background-color: #007bb6;
}
.footer-share-linkedin:before {
	content: 'in';
}
.footer-share-facebook {
	background-color: #3c5a98;
}
.footer-share-facebook:before {
	content: 'fb';
}
#footer-slogan {
	color: #0891d8;
	font-size: 125%;
	font-weight: 900;
	left: 0;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: -0.6em 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
#footer-slogan strong {
	color: #ffffff;
}
#footer-copyright {
	float: left;
	margin: 0;
}
#footer-developer {
	color: #00a6d7;
	float: right;
	font-weight: 300;
	margin: 0;
}
#footer-developer a {
	color: inherit;
	font: inherit;
	text-decoration: inherit;
}


h1, h2 {
	color: #1356a4;
	font-size: 262.5%;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: 1.4em 0;
	word-wrap: break-word;
}
#post-title {
	margin-top: -0.1em;
}
h3 {
	color: #00a6d7;
	font-weight: 600;
	margin: 1.4em 0;
	text-transform: uppercase;
}
form h3 {
	margin-top: 2.8em;
}
p {
	margin-bottom: 1.4em;
}
ol, ul {
	margin: 1.4em 0;
	padding-left: 1.2em;
}
.box-link {
	background-color: #e59100;
	color: #ffffff;
	display: inline-block;
	font-size: 112.5%;
	font-weight: 400;
	line-height: 1.0;
	padding: 0.356em 1.2em;
	text-align: center;
	text-decoration: none;
}
hr {
	background-color: #00a6d7;
	height: 1px;
	display: block;
	height: 1px;
	margin: 1.4em 0;
}
.ovv-facebook-iframe {
	display: block;
	margin: 1.4em 0;
	max-width: 100%;
}


@media screen and (min-width: 1px) {
	#site-logo {
		background: transparent url('images/logo-ovv.svg') no-repeat left center;
		background-size: 100% auto;
		background-size: contain;
		font-size: 100%;
		overflow: hidden;
		height: 3.625em;
		text-indent: -100%;
	}

	.language-list-link-en,
	.language-list-link-fi {
		background: transparent none no-repeat center center;
		background-size: auto 100%;
		background-size: contain;
		height: 18px;
		overflow: hidden;
		text-indent: -20em;
		width: 30px;
	}
	.language-list-link-en {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='18px' viewBox='0 0 30 18' enable-background='new 0 0 30 18' xml:space='preserve'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%2300247D' points='29.728,18 0.272,18 0.272,0 29.728,0 29.728,18 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23CF142B' points='29.728,0.295 16.8,6.758 16.8,0 13.2,0 13.2,7.2 11.399,7.2 0.272,1.636 0.272,2.978 8.717,7.2 0.272,7.2 0.272,10.8 11.399,10.8 0.272,16.363 0.272,17.705 13.2,11.241 13.2,18 16.8,18 16.8,10.8 18.6,10.8 29.728,16.363 29.728,15.022 21.283,10.8 29.728,10.8 29.728,7.2 18.6,7.2 29.728,1.636 29.728,0.295 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='13.2,11.241 13.2,10.8 11.399,10.8 7.375,10.8 0.272,10.8 0.272,12 4.975,12 0.272,14.352 0.272,16.363 9,12 11.683,12 0.272,17.705 0.272,18 1.024,18 12,12.513 12,18 13.2,18 13.2,11.912 13.2,11.241 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='8.717,7.2 11.399,7.2 13.2,7.2 13.2,6.087 13.2,0 12,0 12,5.487 1.024,0 0.272,0 0.272,1.636 9,6 6.316,6 0.272,2.978 0.272,3.649 4.975,6 0.272,6 0.272,7.2 7.375,7.2 8.717,7.2 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='29.728,1.636 21,6 18.316,6 29.728,0.295 29.728,0 28.975,0 18,5.487 18,0 16.8,0 16.8,6.087 16.8,6.758 16.8,7.2 18.6,7.2 22.625,7.2 29.728,7.2 29.728,6 25.025,6 29.728,3.649 29.728,1.636 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='21.283,10.8 18.6,10.8 16.8,10.8 16.8,11.912 16.8,18 18,18 18,12.513 28.975,18 29.728,18 29.728,16.363 21,12 23.684,12 29.728,15.022 29.728,14.352 25.025,12 29.728,12 29.728,10.8 22.625,10.8 21.283,10.8 '/%3E%3C/svg%3E");
	}
	.language-list-link-fi {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='18px' viewBox='0 0 30 18' enable-background='new 0 0 30 18' xml:space='preserve'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='29.728,18 0.272,18 0.272,0 29.728,0 29.728,18 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23003580' points='29.728,6.545 13.363,6.545 13.363,0 8.454,0 8.454,6.545 0.272,6.545 0.272,11.454 8.454,11.454 8.454,18 13.363,18 13.363,11.454 29.728,11.454 29.728,6.545 '/%3E%3C/svg%3E");
	}

	.footer-share:before {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-size: contain;
		margin: 0;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.footer-share-facebook:before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='52px' height='100px' viewBox='0 0 52 100' enable-background='new 0 0 52 100' xml:space='preserve'%3E%3Cpath id='f' fill='%23FFFFFF' d='M33.742,100V54.385h15.312l2.292-17.777H33.742v-11.35c0-5.146,1.43-8.654,8.811-8.654l9.413-0.004 V0.7C50.337,0.484,44.75,0,38.248,0C24.676,0,15.385,8.284,15.385,23.499v13.11H0.034v17.777h15.351V100H33.742z'/%3E%3C/svg%3E");
		content: '';
		height: 1em;
		width: 0.52em;
	}
	.footer-share-linkedin:before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Crect x='1.652' y='33.232' fill='%23FFFFFF' width='20.725' height='66.682'/%3E%3Cpath fill='%23FFFFFF' d='M12.02,0.086c6.625,0,12.01,5.384,12.01,12.012c0,6.634-5.385,12.019-12.01,12.019 C5.377,24.117,0,18.732,0,12.098C0,5.47,5.377,0.086,12.02,0.086'/%3E%3Cpath fill='%23FFFFFF' d='M35.376,33.232h19.877v9.111h0.278c2.767-5.242,9.526-10.769,19.608-10.769 c20.986,0,24.86,13.812,24.86,31.764v36.575H79.29V67.486c0-7.732-0.142-17.68-10.769-17.68c-10.783,0-12.439,8.424-12.439,17.121 v32.986H35.376V33.232z'/%3E%3C/svg%3E");
		content: '';
		height: 1em;
		width: 1em;
	}
}

@media screen and (min-width: 768px) {
	.header-nav-list {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.header-nav-list:after {
		display: none;
	}

	#footer-bottom {
		position: relative;
	}
	#footer-bottom:after {
		left: 50%;
		position: absolute;
		top: 50%;
	}
}

@media screen and (min-width: 1024px) {
	html {
		font-size: 15px;
	}

	#search-input {
		padding-left: 1.4em;
		padding-right: 3.4em;
		position: relative;
		z-index: 1
	}
	#search-form {
		position: relative;
	}
	#search-form:after {
		background: transparent url('images/search.png') no-repeat center center;
		background-size: 100% auto;
		background-size: contain;
		content: '';
		height: 1.75em;
		margin-top: -0.875em;
		position: absolute;
		right: 1em;
		top: 50%;
		width: 1.75em;
	}
	.header-link {
		font-size: 125%;
	}

	.header-nav-list a {
		font-size: 100%;
	}
	.header-nav-list .sub-menu a {
		font-size: 90%;
	}

	.footer-widgets-1 {
		width: 10%;
	}
	.footer-widgets-2 {
		width: 12.5%;
	}
	.footer-widgets-3 {
		width: 20%;
	}
	.footer-widgets-4 {
		float: right;
		padding-top: 0;
		width: 40%;
	}
	.footer-widgets-4 > :first-child .footer-widget-title {
		margin-top: 0;
	}
}

@media screen and (min-width: 1280px) {
	html {
		font-size: 16px;
	}

	#header-slogan {
		display: table-cell;
	}

	.header-nav-list a {
		font-size: 125%;
	}
	.header-nav-list .sub-menu a {
		font-size: 112.5%;
	}
}

@media screen and (min-width: 1400px) {
	#header-nav,
	#breadcrumb {
		padding-left: 2.8em;
		padding-right: 2.8em;
	}

	.footer-share-list {
		font-size: 125%;
		left: 0;
		padding-top: 0;
		position: fixed;
		top: 50%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 900;
	}
	.footer-share-list-item {
		display: block;
	}
}

@media screen and (min-width: 1540px) {
	#breadcrumb-segment {
		padding-top: 0;
	}
	.language-list {
		left: auto;
		right: 0;
		top: 0;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.language-list-item {
		float: none;
	}
}

@media screen and (max-width: 782px) {
	.admin-bar #headery {
		margin-top: 46px;
	}
}

@media screen and (max-width: 767px) {
	html {
		font-size: 80%;
	}

	.hide-on-mobile {
		display: none;
	}

	#root {
		padding-top: 50px;
	}

	#site-title {
		width: 10em;
	}
	#site-logo,
	#search-input {
		height: 2.5em;
	}

	.header-link {
		font-size: 80%;
	}

	#header-bottom {
		background-color: #1356a4;
		height: 50px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 900;
	}
	.admin-bar #header-bottom {
		margin-top: 46px;
	}
	#header-nav {
		background-color: transparent;
		height: auto;
		padding: 0;
	}
	.header-nav-list {
		display: none;
	}
	#header-nav-trigger {
		background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzYgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3QgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjgiLz4KPHJlY3QgeT0iMjQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzNiIgaGVpZ2h0PSI4Ii8+CjxyZWN0IHk9IjEyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMzYiIGhlaWdodD0iOCIvPgo8L3N2Zz4=");
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
		display: block;
		height: 46px;
		margin: 2px auto;
		width: 56px;
	}
	.mobile-header-nav-list {
		background-color: #191919;
		bottom: 0;
		color: #ffffff;
		left: 0;
		margin: 0;
		overflow: auto;
		padding: 0;
		position: fixed;
		right: 0;
		top: 50px;
		z-index: 999;
	}
	.admin-bar .mobile-header-nav-list {
		margin-top: 46px;
	}
	.hover .mobile-header-nav-list {
		display: block;
	}
	.mobile-header-nav-list a {
		color: inherit;
		display: block;
		padding: 0.4em 1.5em;
		text-decoration: none;
	}
	.mobile-header-nav-list .sub-menu {
		margin: 0;
		padding: 0;
	}
	.mobile-header-nav-list .sub-menu a {
		padding-left: 2.8em;
	}
	.mobile-header-nav-list .sub-menu .sub-menu a {
		padding-left: 4.2em;
	}
	.mobile-header-nav-list .current-menu-item > a {
		color: #a6a6a6;
	}

	#footer-slogan {
		margin: 0 0 0.8em;
		position: static;
		width: auto;
	}

	h1, h2 {
		font-size: 150%;
	}
}

@media screen and (max-width: 639px) {
	#header-top {
		padding-bottom: 1.4em;
		padding-top: 1.4em;
	}
	#header-top-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	#header-top-table {
		border-spacing: 0;
		display: block;
		overflow: hidden;
		width: auto;
	}
	#site-title {
		display: block;
		position: absolute;
		z-index: 2;
	}
	#search-form {
		display: block;
		padding-left: 5%;
	}
	#search-form .search-wrap {
		padding-left: 10em;
	}
	.header-link {
		display: block;
		margin-top: 1.4em;
		padding: 0.5em 1%;
		width: 45.5%;
	}
	#header-link-1 {
		float: left;
	}
	#header-link-2 {
		float: right;
	}
}

@media screen and (max-width: 479px) {
	.footer-widgets > :first-child .footer-widget-title {
		margin-top: 1.4em;
	}
	.footer-widgets-1 {
		width: 47.5%;
	}
	.footer-widgets-1 > :first-child .footer-widget-title {
		margin-top: 0;
	}
	.footer-widgets-2 {
		margin-right: 0;
		width: 47.5%;
	}
	.footer-widgets-2 > :first-child .footer-widget-title {
		margin-top: 0;
	}
	.footer-widgets-3 {
		margin-right: 0;
		width: 100%;
	}
	.footer-widgets-4 {
		padding-top: 0;
	}

	#footer-slogan {
		margin: 0;
	}
	#footer-copyright {
		float: none;
		margin: 1.4em 0;
		text-align: center;
	}
	#footer-developer {
		float: none;
		text-align: center;
	}
}

@media screen and (max-width: 359px) {
	#header-link-1,
	#header-link-2 {
		float: none;
	}
	.header-link {
		margin-top: 0.7em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		width: auto;
	}
}

@media screen and (max-width: 319px) {
	#site-title {
		margin: 0 auto 0.7em;
		position: static;
	}
	#search-form {
		padding-left: 0;
	}
	#search-form .search-wrap {
		padding: 0;
	}
}