/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


html {
	font-size: 62.5%;
	box-sizing: border-box;
	height: 100%
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	line-height: 1.3;
	font-size: 1.6em;
	color: #202b40;
	background: #1d2637;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%
}



/**
* Default styles
**/

h1
h2
h3
h4
h5
h6 {
	margin: 0 0 1.5rem 0;
	color: #202b40;
}

h1 {
	font-size: 2.8rem;
	line-height: 1;
	text-transform: uppercase;
}

h1 span {
	font-size: .7em;
}

h2 {
	font-size: 2.4rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.8rem;
}

.heading--line-break {
	margin-bottom: 4px;
}
.heading--line-break span {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
}

p,
ol,
ul,
dl,
address {
	margin: 0 0 1.5rem;
}


a:link,
a:visited {
	color: #00b0ec;
	text-decoration: none;
	transition: all 200ms ease-in-out;
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;
}

a[href^="tel:"]:before {
	content: "\260e";
	margin-right: 4px;
}
a[href^="mailto:"] {
	position: relative;
	padding-left: 24px;
	padding-left: calc(1em + 8px);

	/* ensure the email doesn't break out of its content wrapper */
	/* causing horizontal scroll on small screens */
	overflow-wrap: break-word; /* [ 01 ] */
	word-wrap: break-word; /* [ 01 ] */
	/* [ 01 ] - These are technically the same, but use both */

	-ms-word-break: break-all;
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
a[href^="mailto:"]:before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 0.5em);
	width: 1em;
	height: 1em;
	background-image: url(icon_envelope.svg);
}


/**
* Template styles
**/

body {
	padding: 20px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.wrap {
	text-align: center;
	background: #fff;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
    flex: 1 0 auto;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.container {
	padding: 0 20px;
	text-align: center;
}

.section {
	padding: 20px 0;
	-webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.section--logo {
	background: url(logo_bg.png) repeat-x;
	background-size: contain;
	padding: 0;

	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.img--logo {
	width: 230px;
	height: 281px;
}

.-vis-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.services {
	margin: 0;
	padding: 20px 0;
	list-style-type: none;
	text-transform: uppercase;
	margin: 0 auto;
}
.services li {
	margin-bottom: 4px;
}
.services li:last-child {
	margin-bottom: 0;
}

.section--details {
	text-align: left;
	background: #4aa32e;
	padding: 30px;
}

.reverse-text {
	color: #fff;
}

.reverse-text a:link,
.reverse-text a:visited {
	color: inherit;
	border-bottom: 1px solid rgba(255,255,255,0);
}

.reverse-text a:hover,
.reverse-text a:focus,
.reverse-text a:active {
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,1);
}

.section--details .container {
	text-align: left;
	padding: 0;
}

@media screen and (min-width: 22.5em) {/* 360px */
	.services li {
		margin-bottom: 12px;
	}
}

@media screen and (min-width: 48em) {/*  768px */
	.wrap {
		max-width: 900px;
		margin: auto;
	}

	.section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.section--logo {
		padding: 0;
	}

	.container {
		padding: 0px 40px;
	}

	.section--details .container {
		text-align: left;
	}

	.img--logo {
		width: 348px;
		height: 425px;
	}

	.section--content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.section--content .container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.services {
		width: 80%;
		margin: auto;
		padding: 20px;
		border: 2px solid #202b40;
		font-size: 1.8rem;
	}

	.services li {
		display: inline-block;
		position: relative;
		padding-right: 16px;
	}

	.services li::after {
		content: "";
		position: absolute;
		right: 4px;
		top: calc(50% - 0.1em);
		display: block;
		background-color: #000;
		width: 4px;
		height: 4px;
	}

	.services li:last-child::after {
		content: none;
	}

	.section--details {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;

	}

	.section--details .container {
		margin-top: auto;
	}
}
@media screen and (min-width: 75em) { /*  1200px */
	.section {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.section--logo {
		padding: 0;
	}

	.img--logo {
		width: 288px;
		height: 352px;
	}

	.row {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;

		margin-top: 1em;
		margin-bottom: 1em;
	}

	.row p {
		margin-bottom: 0;
	}

	.heading--line-break {
		margin-top: 0;
	}
}

@media screen and (min-width: 90em) { /*  1440px */
	.section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.section--logo {
		padding: 0;
	}
}