/**************** default styles ****************/
* {

}

body {
	overflow-x: hidden;
}

.clear {
	clear: both;
}


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

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

	footer {
		width: 100%;
		height: auto;
		background-color: #231f20;
		color: #fff;
  		bottom: 0;
  		background-image: url('../images/orangepolygon_desktop.svg');
  		background-repeat: no-repeat;
  		background-position: 75vw 0vw;
  		position: relative;
  		z-index: 2000;
	}
		.footercontainer {
			width: 100%;
			height: auto;
			padding: 12vw 6vw;
		}
			.footerlogo {
				float: left;
				width: 30vw;
				height: auto;
				margin-right: 55vw;
			}
			.footerlinks {
				float: left;
				width: 50%;
				height: auto;
				margin-top: 10vw;
			}
				.footerlinks a {
					display: block;
					text-decoration: none;
					color: #fff;
					font-weight: 600;
					font-size: 4vw;
				}
					.footerlinks a:hover {
						text-decoration: underline;
						color: #fff;
					}
			.socialmedia {
				float: right;
				width: 50%;
				height: auto;
				margin-top: 10vw;
				text-align: right;
			}
				.socialmedia p {
					margin-bottom: 2vw;
				}
				.socialmedia img {
					width: 8vw;
					height: auto;
					float: right;
					margin-left: 3vw;
				}
			.copyright {
				color: #fff;
				font-size: 3vw;
				margin-top: 10vw;
			}

/*}*/

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

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


}

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

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


}

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

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


}

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

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


}

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

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


}

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

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

	footer {
  		background-image: none;
	}
		.footercontainer {
			width: 100%;
			height: auto;
			padding: 4vw 8vw;
		}
			.footerlogo {
				float: left;
				width: 10vw;
				height: auto;
				margin-right: 5vw;
			}
			.footerlinks {
				float: left;
				width: 12vw;
				height: auto;
				margin-top: 1.5vw;
			}
				.footerlinks a {
					font-size: 1.5vw;
				}
			.socialmedia {
				float: right;
				width: 20vw;
				height: auto;
				margin-top: 0;
				text-align: right;
			}
				.socialmedia p {
					margin-bottom: 1vw;
					font-size: 2vw;
				}
				.socialmedia img {
					width: 3vw;
					height: auto;
					float: right;
					margin-left: 1.25vw;
				}
			.copyright {
				color: #fff;
				font-size: 1.25vw;
				margin-top: 3.5vw;
			}



}

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

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


}

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

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

	.copyright {
		font-size: 1vw;
	}

}

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

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

  


}

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

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

  


}

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

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


	.footerlogo {
		width: 8vw;
		margin-right: 5vw;
	}
	.footerlinks {
		width: 12vw;
		margin-top: 1vw;
	}
		.footerlinks a {
			font-size: 1.25vw;
		}
	.socialmedia {
		width: 20vw;
		margin-top: 0;
		text-align: right;
	}
		.socialmedia p {
			margin-bottom: 0.5vw;
			font-size: 1.75vw;
		}
		.socialmedia img {
			width: 2.5vw;
			margin-left: 1vw;
		}

}

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

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

  

}

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

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

}

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