footer {
	position: relative;
	// margin-top: 130px;
	// background: #2f4f7e url(../img/layout/logo-image.svg) no-repeat center right 10vw;
	background: #2f4f7e;
	background-size: auto 70%;
	padding: 50px 0;
	color: #fff;

	h2 {
		font-size: 32px;
		line-height: 2.03;
		margin-bottom: 60px;

		span {
			font-size: 20px;
			line-height: 30px;
			font-weight: 400;
			letter-spacing: 2px;
			display: block;
			text-transform: uppercase;
			color: #0a2b4e;
		}
	}

	.units {
		display: flex;
		justify-content: space-between;
		margin-bottom: 56px;

		.space {
			margin-right: 20px;
		}

		li {
			flex: 0 0 20%;
			max-width: 20%;

			h3 {
				font-size: 16px;
				text-transform: uppercase;
				margin-bottom: 20px;
			}

			p {
				font-size: 16px;
				line-height: 1.38;

				strong {
					display: block;
				}
			}
		}
	}

	.whatts {
		display: flex;
		justify-content: center;

		.whatts-item {
			display: inline-flex;
			align-items: center;
			transition: all 250ms ease-out;

			&:hover {
				color: #ed2f59;

				.whatts-item__icon {
					background: url(../img/content/whatts-icon-red.svg)
						no-repeat;
					background-size: 100%;
					width: 50px;
					height: 50px;
				}
			}

			&__icon {
				background: url(../img/content/whatts-icon.svg) no-repeat;
				background-size: 100%;
				width: 50px;
				height: 50px;
				margin-right: 5px;
				transition: all 250ms ease-out;
			}
		}

		p {
			font-size: 20px;
			line-height: 1.38;
		}
	}

	.flex {
		justify-content: space-between;
		align-items: center;
	}

	.contact-info {
		p {
			margin-top: 15px;
			font-size: 18px;

			strong {
				display: block;
				font-size: 24px;
				margin-bottom: 10px;
			}
		}
	}

	.newsletter {
		width: 375px;
		margin: 0 auto 70px;

		label {
			font-size: 16px;
			display: block;
			padding-bottom: 15px;
		}

		.input-wrapper {
			border: 1px solid #fff;
			border-radius: 5px;
			font-size: 0;
		}

		input {
			display: inline-block;
			background: transparent;
			padding: 0 10px;
			width: calc(100% - 49px);
			text-transform: uppercase;
			font-size: 12px;
			letter-spacing: 1px;

			&.submit {
				background: #fff;
				color: #2f4f7e;
				width: 50px;
				height: 50px;
				font-size: 12px;
				font-weight: 700;
				letter-spacing: 2px;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				margin: -1px -2px -1px 0;
				transition: all 250ms ease-out;

				&:hover {
					background: #ed2f59;
					color: #fff;
				}
			}
		}
	}
}

.by {
	background: #fff;
	text-align: center;
	padding: 50px;
}

@media screen and (max-width: 1280px) {
	footer .units li {
		max-width: none;

		h3 {
			font-size: 18px;
		}

		p {
			font-size: 16px;
		}
	}
}

@media screen and (max-width: 1080px) {
	footer {
		.units {
			flex-wrap: wrap;

			li {
				width: 48%;
				margin-bottom: 50px;
			}
		}

		.social a {
			width: 50px;
			height: 50px;
		}

		.newsletter {
			width: 48%;
		}
	}
}

@media screen and (max-width: 850px) {
	footer {
		// padding: 100px 0;

		.units {
			display: block;
			margin-bottom: 0;

			li {
				width: 100%;
				margin-bottom: 50px;
			}
		}

		.flex {
			display: block;
		}

		.newsletter {
			// margin-top: 60px;
			width: 100%;
		}
	}
}
