﻿.auxiliary-footer {}

.auxiliary-footer h2 {
	font-size: 28px; line-height: 34px;
	text-transform: uppercase; text-align:center;
    margin: 0px 0 30px 0;
}

.auxiliary-footer-columns {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 65%;
	margin: 0 auto;
}
	.auxiliary-footer-columns .column {
		display: inline-block;
		color: #004330; /* dark green */
		text-align: left;
		width: 46%;
		padding: 0;
		font-size: 14px; line-height: 20px; font-weight:500;
		position: relative;
	}
		.auxiliary-footer-columns .column img.icon {
			float: left; display: block; margin: 0 20px 0 0; 
		}
		.auxiliary-footer-columns .column p {
			font-size: 14px; line-height: 24px; margin: 0 0 24px 0; 
		}
		.auxiliary-footer-columns .column ul {
			margin: 0 0 0 70px; padding: 0; list-style: none;
		}
			.auxiliary-footer-columns .column ul li {
				font-size: 16px; line-height: 22px; margin: 18px 0 0 0; list-style:none;
			}
			.auxiliary-footer-columns .column ul li a {
				font-size: 16px; line-height: 22px; font-weight: 700; text-transform: uppercase; text-decoration: none;
			}

/* --- MOBILE MEDIA QUERIES ----------------------------- */
@media screen and (max-width: 1300px) {		
	.auxiliary-footer-columns {
		max-width: 70%;
	}
}
@media screen and (max-width: 1230px) {		
	.auxiliary-footer-columns {
		max-width: 75%;
	}
}
@media screen and (max-width: 1130px) {		
	.auxiliary-footer-columns {
		max-width: 80%;
	}
}
@media screen and (max-width: 1030px) {		
	.auxiliary-footer-columns {
		max-width: 85%;
	}
}
@media screen and (max-width: 930px) {		
	.auxiliary-footer-columns {
		max-width: 90%;
	}
}
@media screen and (max-width: 830px) {		
	.auxiliary-footer-columns {
		max-width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.auxiliary-footer h2, 
	.auxiliary-footer-columns .column img.icon,
	.auxiliary-footer-columns .column p {
		display: none; 
	}
	.auxiliary-footer-columns .column ul {
		margin: 0 0 0 0px;
	}
		.auxiliary-footer-columns .column ul li {
			font-size: 14px; line-height: 20px; margin: 16px 0 0 0; 
		}
		.auxiliary-footer-columns .column ul li a {
			font-size: 14px; line-height: 20px;
		}
	.auxiliary-footer-columns .column {
		width: 48%;
	}
}

