footer {
	background-color: var(--color-blueberry);
	color: var(--color-white);
	font-size: 16px;
	padding: 50px 0 10px 0;
	margin: 50px 0 0 0;
}
footer > div:nth-child(2) {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
	max-width: var(--max-footer-width);
	padding: 0 0 30px 0;
	margin: 0 auto;
	text-align: center;
}
footer address {
	font-style: normal;
	color: var(--color-white-60);
	white-space: nowrap;
}
footer > div:first-child {
	display: block;
	text-align: center;
	width: 100%!important;
	margin: 0;
	padding: 0 0 50px 0;
/*	border-bottom: solid rgba(255,255,255,0.1) 1px;*/
}
footer > div:first-child > img {
	margin: auto;
	max-width: 235px;
	height: auto;
}
footer h2 {
	font-size: 14px;
	line-height: 22px;
	margin: 50px 0 30px 0;
	text-transform: uppercase;
}
footer h3 {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 10px 0;
	color: var(--color-white);
//	text-transform: uppercase;
}
footer #fb {
	background: transparent url("/img/footer-facebook.svg") no-repeat 0% 50%;
	padding: 2px 0 2px 30px;
}
footer #yt {
	background: transparent url("/img/footer-youtube.svg") no-repeat 0% 50%;
	padding: 2px 0 2px 30px;
}
footer #insta {
	background: transparent url("/img/footer-instagram.svg") no-repeat 0% 50%;
	padding: 2px 0 2px 30px;
}
footer a[href$=".pdf"] {
	background: none;
	padding: 0;
}
footer > div > div {
	flex: 1 1 100%;
	padding: 0;
	margin: 0 20px 15px 20px;
	border-bottom: solid var(--color-border) 1px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}

footer > div > div > table {
	min-width: 250px;
	margin: 0 auto;
}
footer > div > div > table th {
	color: var(--color-white-60);
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}
footer > div > div > table td {
	color: var(--color-white-60);
	white-space: nowrap;
	text-align: right;
}
footer > div > div > table td[colspan="2"] {
	text-align: center;
}

footer > div > div > ul > li {
	padding: 0 0 10px 0;
	white-space: nowrap;
}
footer > div > div > a > span {
	padding-right: 0px;
}
footer > div > div > a > span.fa-phone {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari 3-8 */
	transform: rotate(90deg);
}
footer span:not([class]) {
	float: right;
	text-align: right;
	margin: 0 35px 0 0;
}
footer a {
	color: var(--color-white-60);
	text-decoration: none;
}
footer a:hover,
footer a.active {
	color: var(--color-winered);
}
footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: var(--color-white-60);
}
#maxReal {
	display: block;
	width: calc(100vw - 40px);
	padding: 0 20px 30px 20px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: var(--color-white-60);
}
#copyright {
	display: block;
	text-align: center;
	padding: 10px 0 30px 0;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-white-60);
}
#copyright > div {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#copyright > div > span:first-child {
	margin: 0;
	padding: 0;
	float: none;
}
#copyright > div > span:nth-child(2) {
	display: block;
	margin: 30px 0 0 0;
	padding: 30px 20px 0 20px;
	border-top: solid rgba(255,255,255,0.1) 1px;
	float: none;
	text-align: center;
}

footer span.icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 7px;
  top: -1px;
}
footer span.icon.rss {
  background: transparent url(/img/icon-rss.svg) 50% 50%/100% no-repeat;
}
footer span.icon.envelope {
  background: transparent url(/img/icon-envelope.svg) 50% 50%/100% no-repeat;
}
footer span.icon.phone {
  background: transparent url(/img/icon-phone.svg) 50% 50%/100% no-repeat;
}
footer span.icon.map-marker {
  background: transparent url(/img/icon-map-marker.svg) 50% 50%/100% no-repeat;
}


@media only screen and (min-width: 550px) {
	footer > div > div:nth-child(1),
	footer > div > div:nth-child(3) {
//		flex: 1 1 30%;
		text-align: left;
		flex: 1 1 calc(60% - 40px);
	}
	footer > div > div:nth-child(2),
	footer > div > div:nth-child(4) {
//		flex: 1 1 20%;
		text-align: left;
		flex: 1 1 calc(40% - 40px);
	}
	footer > div > div > ul > li {
		text-align: left;
	}
	footer > div > div > table {
		margin: 0;
	}
	footer > div > div > table td[colspan="2"] {
		text-align: left;
	}
	footer h2 {
		text-align: left;
		font-size: 16px;
		line-height: 24px;
	}
}


@media only screen and (min-width: 680px) {
	footer > div:nth-child(2) {
//		padding: 0 15px 30px 15px;
	}
}


@media only screen and (min-width: 750px) {
	footer > div > div:nth-child(1),
	footer > div > div:nth-child(3) {
//		flex: 1 1 30%;
//		flex: 1 1 calc(50% - 40px);
//		max-width: calc(360px - (4 * 20px));
	}
	footer > div > div:nth-child(2),
	footer > div > div:nth-child(4) {
//		flex: 1 1 20%;
//		flex: 1 1 calc(50% - 40px);
//		max-width: calc(240px - (4 * 20px));
	}

}


@media only screen and (min-width: 1000px) {

	footer {
//		padding: 50px 0 100px 0;
	}
	footer li {
		padding: 0 0 3px 0;
	}
	footer > div {
		padding: 0;
		-webkit-flex-flow: row nowrap;
		flex-flow: row nowrap;
		text-align: left;
	}
	footer > div > div:nth-child(1) {
		flex: 1 1 calc(25% - 40px);
	}
	footer > div > div:nth-child(2) {
		flex: 1 1 calc(25% - 40px);
	}
	footer > div > div:nth-child(3) {
		flex: 1 1 calc(30% - 40px);
	}
	footer > div > div:nth-child(4) {
		flex: 1 1 calc(20% - 40px);
	}
    #maxReal {
		width: 100%;
		padding: 80px 0 30px 0;
		font-size: 14px;
		line-height: 22px;
	}
	#copyright {
		width: 100%;
		margin: 0;
		border-top: solid rgba(255,255,255,0.1) 1px;
		text-align: center;
		padding: 30px 0 10px 0;
	}
	#copyright > div {
		text-align: left;
		max-width: 1500px;
		height: 48px;
		margin: 0 auto;
		padding: 0 15px;
	}
	#copyright > div > span:first-child {
		float: left;
		text-align: left;
	}
	#copyright > div > span:nth-child(2) {
		border-top: none;
		float: right;
		text-align: right;
		margin: 0;
		padding: 0;
	}
}