/* 05.07. Footer */
.footer {
	background-color: #223d67;
	color: #aab5c9;
	line-height: 1.6;
	font-family: $secondary-font;

	&-top {
		background-color: #2f538a;
		padding: 30px 0;

		@media (min-width: $screen-md-min) {
			display: inline-block;
			box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
			width: calc(100% - 60px);
			margin: 30px 30px 0;
			padding: 48px 0;
		}

		&__headings {
			color: #ffffff;
			font-size: 16px;
			margin-bottom: 18px;
		}

		a {
			&.icon-container {
				margin-right: 3px;
				width: auto;
				color: rgba(250, 250, 250, .5);

				&:hover {
					color: #fafafa;
				}

				.fa {
					font-size: 30px;
				}
			}
		}
	}

	&-bottom {
		padding: 15px 0;
		text-align: center;

		@media (min-width: $screen-md-min) {
			padding: 27px 0 19px;
		}

		a {
			color: #ffffff;
			font-weight: bold;
		}

		&__left {
			@media (min-width: $screen-md-min) {
				float: left;
				text-align: left;
			}
		}

		&__center {
			padding-top: 5px;

			@media (min-width: $screen-md-min) {
				padding-top: 0;
			}

			.fa {
				@media (min-width: $screen-md-min) {
					margin-top: -10px;
				}
			}
		}

		&__right {
			padding-top: 5px;

			@media (min-width: $screen-md-min) {
				float: right;
				text-align: right;
				padding-top: 0;
			}
		}
	}
}