/********************** DEFAULT STYLES **********************/

* { margin:0; padding:0; }

footer {
	background-color: #414042;
	color: #fff;
	font-family: 'Lato', sans-serif;
}

footer a {
	color: #fff;
}

/************************************************************/

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

	footer {
		width: 100%;
		height: auto;
		padding: 40px 15px 30px 15px;
	}

		.footer-quarter {
			float: left;
			width: 145px;
			height: 120px;
			margin-bottom: 15px;
		}

			.footer-quarter h5 {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.60em;
				width: 150px;
				margin-top: 0px;
			}

			.footer-middle img {
				float: right;
				width: auto;
				height: 40px;
				margin-left: 10px;
			}

		.footer-bottom {
			width: 90%;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 40px;
				margin-right: 10px;
			}

			.copyrightNotice {
				font-size: 0.55em;
				color: lightgrey;
				float: left;
				width: 210px;
				margin: 12px 0 0 0;
				text-align: center;
			}

		.socialFooterDesktop {
			display: none;
		}

		.socialFooterMobile {
			display: initial;
			float: left;
			width: 100%;
			height: auto;
			margin: auto auto 25px auto;
		}

			.socialFooterMobile img {
				width: auto;
				height: 25px;
				margin: 0 8px 0 0;
			}

}

/************************************************************/

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

	footer {
	}

		.footer-quarter {
			width: 170px;
			height: 120px;
			margin-bottom: 15px;
		}

			.footer-quarter h5 {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.60em;
				width: 150px;
				/*margin-top: 25px;*/
			}

			/*.footer-middle img {
				float: right;
				width: auto;
				height: 70px;
				margin-left: 10px;
			}*/

		.footer-bottom {
			width: 310px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.65em;
				color: lightgrey;
				float: left;
				width: 80%;
				margin: 15px 0 0 0;
				text-align: center;
			}

}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

    footer {
	}

		.footer-quarter {
			width: 170px;
			height: 120px;
			margin-bottom: 15px;
		}

			.footer-quarter h5 {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.60em;
				width: 150px;
				/*margin-top: 25px;*/
			}

			/*.footer-middle img {
				float: right;
				width: auto;
				height: 70px;
				margin-left: 10px;
			}*/

		.footer-bottom {
			width: 310px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.65em;
				color: lightgrey;
				float: left;
				width: 80%;
				margin: 15px 0 0 0;
				text-align: center;
			}

}

/************************************************************/

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

	footer {
	}

		.footer-quarter {
			width: 190px;
			height: 120px;
			margin-bottom: 25px;
		}

			.footer-quarter h5 {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.60em;
				width: 150px;
				margin-top: 15px;
			}

			.footer-middle img {
				float: right;
				width: auto;
				height: 60px;
				margin-left: 10px;
			}

		.footer-bottom {
			width: 310px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.65em;
				color: lightgrey;
				float: left;
				width: 80%;
				margin: 15px 0 0 0;
				text-align: center;
			}

}

/************************************************************/

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

}

/************************************************************/

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

	footer {
		padding: 30px 20px 30px 20px;
	}

		.footer-quarter {
			width: 110px;
			height: 120px;
			margin-bottom: 25px;
			margin-right: 20px;
		}

			.footer-quarter h5 {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.60em;
				width: auto;
				/*margin-top: 55px;*/
			}

			.footer-middle img {
				float: right;
				width: auto;
				height: 40px;
				margin-left: 10px;
			}

		.footer-bottom {
			width: 310px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.65em;
				color: lightgrey;
				float: left;
				width: 80%;
				margin: 15px 0 0 0;
				text-align: center;
			}

}

/************************************************************/

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

	.footer-middle img {
		float: right;
		width: auto;
		height: 50px;
		margin-left: 10px;
	}

}

/************************************************************/

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

	footer {
		padding: 40px 20px 30px 20px;
	}

		.footer-quarter {
			width: 110px;
			height: 120px;
			margin-bottom: 25px;
			margin-right: 35px;
		}

			.footer-quarter h5 {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.7em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.60em;
				width: auto;
				margin-top: 55px;
			}

			.footer-middle img {
				float: right;
				width: auto;
				height: 70px;
				margin-left: 10px;
			}

		.footer-bottom {
			width: 310px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.65em;
				color: lightgrey;
				float: left;
				width: 80%;
				margin: 15px 0 0 0;
				text-align: center;
			}

}

/************************************************************/

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

	.socialFooterDesktop {
		display: initial;
		float: right;
		width: auto;
		height: auto;
		margin: auto auto 25px auto;
	}

			.socialFooterDesktop img {
				width: auto;
				height: 25px;
				margin: 0 0px 0 8px;
			}

		.socialFooterMobile {
			display: none;
		}

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {

}

/************************************************************/

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

	footer {
		padding: 40px 30px 30px 30px;
	}

		.footer-quarter {
			width: 130px;
			height: 120px;
			margin-bottom: 15px;
			margin-right: 35px;
		}

			.footer-quarter h5 {
				font-size: 0.6em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.6em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.5em;
				width: auto;
				margin-top: 55px;
			}

			.footer-middle img {
				float: right;
				width: auto;
				height: 70px;
				margin-left: 20px;
			}

		.footer-bottom {
			width: 325px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.5em;
				color: lightgrey;
				float: left;
				width: 70%;
				margin: 18px 0 0 0;
				text-align: center;
			}

}

/************************************************************/

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

}

/************************************************************/

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

}

/************************************************************/

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

	footer {
		width: 1280px;
		margin: auto;
		padding: 40px 30px 30px 30px;
	}

		.footer-quarter {
			width: 160px;
			height: 120px;
			margin-bottom: 15px;
			margin-right: 35px;
		}

			.footer-quarter h5 {
				font-size: 0.75em;
				margin: 0;
				padding: 0;
				font-weight: 900;
			}

			.footer-quarter p {
				font-size: 0.75em;
				margin: 0;
				padding: 0;
				font-weight: 300;
			}

		.footer-middle {
			width: 100%;
			height: 100px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid lightgrey;
		}

			.smallNote {
				float: left;
				font-size: 0.6em;
				width: auto;
				margin-top: 55px;
			}

			.footer-middle img {
				float: right;
				width: auto;
				height: 70px;
				margin-left: 20px;
			}

		.footer-bottom {
			width: 320px;
			height: auto;
			margin: auto;
		}

			.footer-bottom img {
				float: left;
				height: auto;
				width: 15%;
			}

			.copyrightNotice {
				font-size: 0.6em;
				color: lightgrey;
				float: left;
				width: 70%;
				margin: 15px 0 0 0;
				text-align: center;
				width: auto;
			}

}

/************************************************************/

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

	footer {
		width: 100%;
		margin: auto;
		padding: 40px 20px 30px 20px;
	}

		.footer-box {
			width: 1200px;
			margin: auto;
		}

}

/************************************************************/

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

}

/************************************************************/


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

}

/************************************************************/

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

}

/************************************************************/