#main {
	background-color: #F5F6F7;
}

#main .main-content-wrapper {
	display: flex;
	flex-direction: column;
	padding: 2.5rem 0 0 0;
}

.delivery {
	background-color: #EDEFF2;
}

.delivery {
	padding: 2rem 1rem;
	order: 1;
}

.finder {
	padding: 2rem 1rem 2rem 1rem;
	order: 2;
}

.finder h1, .finder p, .delivery h1, .delivery p {
	margin: 1rem 0;
}

.delivery-option {
	border: 1px solid rgba(0, 0, 0, 0.10);
	background-color: #F5F6F7;
	transition: 400ms ease-out;
	padding: 1.5rem;
	width: 100%;
	display: flex;
	align-items: center;
}

.delivery-option:hover {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.30);
	text-decoration: none;
}

.delivery-option:hover p {
	text-decoration: none;
}

.delivery-option .support {
	display: none;
}

.delivery-option .title {
	font-size: 1.125rem;
	font-weight: bold;
}

.delivery-option .text {
	width: calc(100% - 4.5rem);
	padding: 0 1rem;
}

.delivery-option .image {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.delivery-option .image img {
	max-width: 3rem;
	height: auto;
	width: 100%;
}

.delivery-option .arrow {
	width: 1.5rem;
}

.delivery-option p {
	margin: 0;
}

@media only screen and (min-width: 55em) {
	#main {
		overflow-x: hidden;
	}

	#main .content-wrapper {
		flex-direction: row;
	}

	#main .main-content-wrapper {
		padding: 0;
	}

	.delivery {
		padding: 3rem; 
		order: 2;
		z-index: 1;
		position: relative;
	}

	.delivery:before {
		content: '';
		position: absolute;
		z-index: -1;
		width: calc(100vw - 1024px);
		height: 100%;
		top: 0;
		background-color: #EDEFF2;
	}

	.finder {
		padding: 3rem;
		order: 1;
	}

	.delivery-option .support {
		display: block;
	}
}