footer {
	background-color: $color-cyan;
	color: #FFF;
	float: left;
	width: 100%;
	margin-top: 40px;
	padding: 15px;
	@include bp(md) {
		margin-top: 0;
	}

	h2 {
		font-size: $font-size23;
		margin-bottom: 20px;
	}
	> .container {
		padding-top: 20px;
		padding-bottom: 15px;

		.contact {
			> h1 {
				margin: 0;
				padding: 0;
			}
			a {
				color: $color-blue;
			}
		}

		nav#footer {
			float: right;
			text-align: right;
			display: inline-block;
			padding-right: 15px;
			
			> ul {
				margin: 0;
				padding: 0;
				> li {
					list-style-type: none;
					float: left;
					padding: 0 10px;
					border-right: 1px solid #FFF;
					&.last {
						border-right: 0;
						padding-right: 0;
					}

					&.actli,
					&.curli {
						> a {
							color: #FFF;
							text-decoration: underline;
						}

					}

					> a {
						color: #FFF;
						&:active,
						&:focus,
						&:hover {
							color: $color-blue;
							text-decoration: none;
						}
					}
				}
			}
			@media screen and (max-width: $screen-md-max) {
				float: none;
				margin-top: 15px;
				padding-left: 5px;
			}
		}

		.social-icons {
			margin-bottom: 30px;
			@include bp(sm) {
				margin-bottom: 0;
			}
		}

		.certificate {
			float: left;
			width: 100%;
			text-align: right;
			color: $color-blue;
			font-size: 16px;
			line-height: 19px;
			margin-top: 61px;
			@media screen and (max-width: $screen-xs-max) {
				margin-top: 0px;
			}
		}

		p {
			line-height: 21px;
		}

		.copyright {
			float: left;
			width: 100%;
			padding-left: 15px;
			font-size: 16px;
			line-height: 19px;
		}

		.social {
			display: inline-block;
			position: relative;
			top: 0px;
			width: 60px;
			> a {
				text-decoration: none;
				&:before {
					font-size: 45px;
					border-radius: 50px;
					color: $color-blue;
				}
				&:hover {
					&:before {
						animation: shadow 1s forwards;
						-ms-animation: shadow 1s forwards;
						-moz-animation: shadow 1s forwards;
						-webkit-animation: shadow 1s forwards;
						text-decoration: none;
					}
				}
			}
			&.twitter {
				> a {
					@extend .icon-icon-twitter;
				}
			}
			&.facebook {
				> a {
					@extend .icon-icon-facebook;
				}
			}
			&.gplus {
				> a {
					@extend .icon-icon-google;
				}
			}
		}


	}
}