/* reset */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* main */
	body{
		font: 400 16px/1.5 'Roboto', sans-serif;
		display: flex;
		flex-flow: column;
		min-height: 100vh;
	}
	.wrapper{
		margin: 0 auto;
		max-width: 1170px;
		padding: 0 15px;
		width: 100%;
	}
/* header */
	.header{
		padding: 3em 0;
		text-align: center;
	}
	.logo > img{
		max-width: 230px;
	}
	.main-title{
		display: inline-block;
		font-size: 42px;
		font-weight: bold;
		line-height: 2em;
		position: relative;
		text-transform: uppercase;
	}
/* content */
	.content{
		background: url(../images/bg.svg) right center no-repeat;
		background-size: 60% 100%;
		flex-grow: 1;
	}
	
	.main-title::after{
		background: #1ba755;
		bottom: -15px;
		content:'';
		height: 12px;
		left: 0;
		position: absolute;
		width: 48px;
	}
	.main-subtitle{
		font-size: 30px;
		font-weight: bold;
		margin-top: 1.75em;
	}
	.company-title{
		font-size: 22px;
		font-weight: bold;
		margin-top: 1.75em;	
	}
	.body-address{
		font-size: 16px;
		font-weight: 300;
		line-height: 2em;
		margin-top: 2em;
	}
	.body-address a,
	.body-address a:active,
	.body-address a:focus{
		color: #000;
		text-decoration: none;
	}
	.body-address a:hover{
		text-decoration: underline;
	}
/* footer */
	.footer{
		background: #f0f0f0;
		margin-top: 2em;
		padding: 2em 0;
	}
	.footer-container{
		display: flex;
		flex-flow: row wrap;
		margin: 0 -15px;
	}
	.footer-left{
		-ms-align-items: flex-start;
		align-items: flex-start;
		box-sizing: border-box;
		flex-basis: 70%;
		display: flex;
		flex-flow: row wrap;
		max-width: 70%;
		padding: 0 15px;
	}

	/* footer info */
		.footer-info{
			flex: 1;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			padding: 0 2em;
		}
		.footer-menu{
			list-style: none;
		}
		.footer-menu > li:not(:first-child){
			margin-top: 15px;
		}
		.footer-menu > li > a,
		.footer-menu > li > a:active,
		.footer-menu > li > a:focus{
			color: #afafaf;
			text-decoration: none;
			text-transform: uppercase;
			transition: color 150ms ease-out;
		}
		.footer-menu > li > a:hover{
			color: #1ba755;
		}
		.footer-address{
			color: #848484;
			font-weight: 300;
		}
		.footer-contacts > a,
		.footer-contacts > a:active,
		.footer-contacts > a:focus{
			color: #848484;
			text-decoration: none;
			transition: color 150ms ease-out;
		}
		.footer-contacts > a:hover{
			color: #1ba755;
		}

	/* footer social */
		.footer-social{
			display: flex;
			flex-flow: row wrap;
			list-style: none;
			justify-content: space-between;
			margin-top: 1em;
		}
		.footer-social > li > a{
			align-items: center;
			border: solid 1px #9a9a9a;
			border-radius: 50%;
			display: flex;
			fill: #9a9a9a;
			height: 35px;
			justify-content: center;
			transition: all 150ms ease-out;
			width: 35px;
		}
		.footer-social > li > a > svg{
			display: block;
			height: 80%;
			width: 80%;
		}
		.footer-social > li > a:hover{
			border-color: #000;
			fill: #000;
		}

	.copyright{
		color: #afafaf;
		flex-basis: 100%;
		margin-top: 25px;
	}


	.footer-right{
		box-sizing: border-box;
		flex-basis: 30%;
		max-width: 30%;
		padding: 0 15px;
		text-align: right;
	}
	.footer-right img{
		max-width: 32%;
		max-height: 80%;
	}
	.footer-right img:not(:first-child){
		margin-left: 1.5%;
	}