@media screen and (max-width: 500px) {
	footer {
		width: 100%;
		overflow: auto;
		font-family: 'Nunito', sans-serif;
	}
	footer .social {
		width: 100%;
		overflow: auto;
		background-color: blue;
		border-bottom: 5px solid #ed1c24;
	}
	footer .social .wrap {
		margin: 0 auto;
		width: 100%;
		height: 100%;
		overflow: auto;
		max-width: 1000px;
		padding: 10px 40px;
		box-sizing: border-box;
	}
	footer .social .wrap p {
		font-size: 24px;
		box-sizing: border-box;
		padding: 20px 0 0 0;
		line-height: 28px;
		color: white;
		width: 100%;
		height: 100%;
		display: block;
		margin: 0;
		text-align: center;
	}
	footer .social .wrap p span {}
	footer .social .wrap .scl_lks {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	footer .social .wrap .scl_lks .box {
		width: 33.3333%;
		float: left;
		height: 80px;
		padding: 20px;
		box-sizing: border-box;
	}
	footer .social .wrap .scl_lks .box a {
		height: 100%;
		width: 100%;
		display: block;
		background-color: #00057e;
		-webkit-transform: skewX(-14deg);
		transform: skewX(-14deg);
		/* border: solid 1px white; */
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15%;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	footer .social .wrap .scl_lks .box a:hover {
		-webkit-transform: skewX(0deg);
		transform: skewX(0eg);
	}
	footer .links {
		position: relative;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0;
		background-color: #0000fe;
	}
	footer .links .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 50px;
		box-sizing: border-box;
	}
	footer .links .about {
		width: 100%;
		overflow: auto;
		padding: 0 0 0 0;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
	}
	footer .links .about img {
		width: 160px;
		margin: 0 auto;
		display: block;
	}
	footer .links .about p {
		color: #ffffff;
		width: 100%;
		text-align: center;
		padding: 0 0px;
		box-sizing: border-box;
		font-weight: bold;
		font-size: 15px;
		margin: 0 auto;
	}
	footer .links ul {
		position: relative;
		z-index: 1;
		margin: 0;
		padding: 50px 0;
		box-sizing: border-box;
		width: 50%;
		float: left;
		overflow: auto;
		text-align: center;
	}
	footer .links ul li:first-of-type {
		list-style-type: none;
		padding-bottom: 10px;
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
	}
	footer .links ul li a {
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
	}
	footer .links .fcy_bg {
		height: 100%;
		position: absolute;
		left: -40%;
		top: 0;
		width: 180%;
		background-color:#00064b;
		z-index: 0;
		-webkit-transform: skewX(-14deg);
		transform: skewX(51deg);
		border: solid #fe0000;
		border-width: 0px 5px 0 5px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	footer {
		width: 100%;
		overflow: auto;
		font-family: 'Nunito', sans-serif;
	}
	footer .social {
		width: 100%;
		overflow: auto;
		background-color: blue;
		border-bottom: 5px solid #ed1c24;
	}
	footer .social .wrap {
		margin: 0 auto;
		width: 100%;
		height: 100%;
		overflow: auto;
		max-width: 1000px;
		padding: 10px 40px;
		box-sizing: border-box;
	}
	footer .social .wrap p {
		font-size: 24px;
		box-sizing: border-box;
		padding: 20px 0 0 0;
		line-height: 28px;
		color: white;
		width: 100%;
		height: 100%;
		display: block;
		margin: 0;
		text-align: center;
	}
	footer .social .wrap p span {}
	footer .social .wrap .scl_lks {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	footer .social .wrap .scl_lks .box {
		width: 33.3333%;
		float: left;
		height: 80px;
		padding: 20px;
		box-sizing: border-box;
	}
	footer .social .wrap .scl_lks .box a {
		height: 100%;
		width: 100%;
		display: block;
		background-color: #00057e;
		-webkit-transform: skewX(-14deg);
		transform: skewX(-14deg);
		/* border: solid 1px white; */
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15%;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	footer .social .wrap .scl_lks .box a:hover {
		-webkit-transform: skewX(0deg);
		transform: skewX(0eg);
	}
	footer .links {
		position: relative;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 0;
		background-color: #0000fe;
	}
	footer .links .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 100px;
		box-sizing: border-box;
	}
	footer .links .about {
		width: 100%;
		overflow: auto;
		padding: 0 0 0 0;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
	}
	footer .links .about img {
		width: 160px;
		margin: 0 auto;
		display: block;
	}
	footer .links .about p {
		color: #ffffff;
		width: 100%;
		text-align: center;
		padding: 0 0px;
		box-sizing: border-box;
		font-weight: bold;
		font-size: 15px;
		margin: 0 auto;
	}
	footer .links ul {
		position: relative;
		z-index: 1;
		margin: 0;
		padding: 50px 0;
		box-sizing: border-box;
		width: 50%;
		float: left;
		overflow: auto;
		text-align: center;
	}
	footer .links ul li:first-of-type {
		list-style-type: none;
		padding-bottom: 10px;
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
	}
	footer .links ul li a {
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
	}
	footer .links .fcy_bg {
		height: 100%;
		position: absolute;
		left: -10%;
		top: 0;
		width: 60%;
		background-color: #00064b;
		z-index: 0;
		-webkit-transform: skewX(-14deg);
		transform: skewX(-14deg);
/*		border-right: solid 5px #fe0000;*/
	}
}
@media screen and (min-width: 801px) {
	footer {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: auto;
		font-family: 'Nunito', sans-serif;
	}
	footer .social {
		width: 100%;
		height: 150px;
		overflow: auto;
		background-color: blue;
		border-bottom: 5px solid #ed1c24;
	}
	footer .social .wrap {
		margin: 0 auto;
		width: 100%;
		height: 100%;
		overflow: auto;
		max-width: 1000px;
		padding: 10px 40px;
		box-sizing: border-box;
	}
	footer .social .wrap p {
		font-size: 24px;
		box-sizing: border-box;
		padding: 20px 0 0 0;
		line-height: 28px;
		color: white;
		width: 50%;
		height: 100%;
		float: left;
		display: block;
		margin: 0;
	}
	footer .social .wrap p span {}
	footer .social .wrap .scl_lks {
		float: left;
		width: 50%;
		height: 100%;
		overflow: hidden;
	}
	footer .social .wrap .scl_lks .box {
		width: 33.3333%;
		float: left;
		height: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	footer .social .wrap .scl_lks .box a {
		height: 100%;
		width: 100%;
		display: block;
		background-color: #00057e;
		-webkit-transform: skewX(-14deg);
		transform: skewX(-14deg);
		/* border: solid 1px white; */
		background-repeat: no-repeat;
		background-position: center;
		background-size: 28%;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	footer .social .wrap .scl_lks .box a:hover {
		-webkit-transform: skewX(0deg);
		transform: skewX(0eg);
	}
	footer .links {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 300px;
		box-sizing: border-box;
		padding: 20px 0;
		background-color: #0000fe;
	}
	footer .links .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 10px 40px;
		box-sizing: border-box;
	}
	footer .links .about {
		width: 60%;
		float: left;
		overflow: auto;
		padding: 0 15% 0 0;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
	}
	footer .links .about img {
		width: 200px;
	}
	footer .links .about p {
		color: #ffffff;
		font-size: 15px;
		margin: 0;
	}
	footer .links ul {
		position: relative;
		z-index: 1;
		margin: 0;
		padding: 50px 0;
		box-sizing: border-box;
		width: 20%;
		float: left;
		overflow: auto;
	}
	footer .links ul li:first-of-type {
		list-style-type: none;
		padding-bottom: 10px;
		font-size: 20px;
		color: #ffffff;
		font-weight: bold;
	}
	footer .links ul li a {
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
	}
	footer .links .fcy_bg {
		height: 100%;
		position: absolute;
		left: -10%;
		top: 0;
		width: 60%;
		background-color: #00064b;
		z-index: 0;
		-webkit-transform: skewX(-14deg);
		transform: skewX(-14deg);
		border-right: solid 5px #fe0000;
	}
}