/* 05.22. Social Icons */
.social-icons__link {
	color: rgba(250, 250, 250, .5);

	@media (min-width: $screen-md-min)  {
		color: #aaaaaa;
	}

	&:hover {
		color: rgba(250, 250, 250, 1);

		@media (min-width: $screen-md-min)  {
			color: $primary-color;
		}
	}

	&:last-of-type {
		.fa {
			margin-right: 0;
		}
	}

	.fa {
		font-size: 40px;
		margin-right: 1px;

		@media (min-width: $screen-md-min) {
			font-size: 30px;
		}
	}

	.header__navigation-widgets & {
		display: inline-block;

		@media (min-width: $screen-md-min) {
			margin: 14px 0;
		}
	}
}
