.wil-gridratio-wrap {
	position: relative;
	min-height: 200px;

	.wil-gridratio__hero {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: rgba(#000,0.3);

		.tb {
			height: 100%;
		}
	}

	.wil-gridratio__hero-content {
		max-width: 700px;
		margin: auto;
		text-align: center;
	}

	.wil-gridratio__hero-title {
		margin: 0;

		@include pfs('font-size', (
			768px: 30px,
			1200px: 62px
		));

		+ .wil-gridratio__hero-description {
			margin-top: 20px;
		}
	}

	.wil-gridratio__hero-description {
		line-height: 1.8em;
		margin-bottom: 0;
		@extend %color-white;
		@include pfs('font-size', (
			768px: 16px,
			1200px: 22px
		));
	}
}

.wil-gridratio {
	margin: 0;
	width: 100%;
	position: relative;

	ul li {

		a {
			background-size: cover;
			overflow: hidden;
		}

		.wil-gridratio__caption {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 100%;
			left: 100%;
			background-color: rgba(#000, 0.5);
		}

		.wil-gridratio__inner {
			width: 100%;
			height: 100%;
			text-align: center;
			display: table;

			h4 {
				padding: 20px;
				display: table-cell;
				vertical-align: middle;
				font-size: 16px;
				margin: 0;
				@extend %color-white;
			}
		}
	}
}

#header .nav-menu .menu-mobile {
	text-align: center;
}

#header .nav-menu .menu-mobile li a {
	padding-right: 0;
}