h2 {
	padding-top: 30px;
}

#main ul {
	margin-bottom: 50px;
}

.images-wrap {
	display: flex;
	justify-content: center;
	gap: 35px 3vw;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.images-wrap > div {
	max-width: 380px;
	transition: scale .2s ease-in-out;
	position: relative;
}

body:not(.is-mobile) .images-wrap > div:hover {
	scale: 1.05;
	cursor: pointer;
}

.images-wrap img {
	max-height: 285px;
	border-radius: 6px;
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .3);
}

#img-popup-wrap {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 201;
	padding: 40px;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.is-phone #img-popup-wrap {
	padding: 10px;
}

#img-popup-wrap img {
	border-radius: 10px;
	max-height: 100%;
	max-width: 100%;
	box-shadow: 0px 16px 23px -11px rgb(0, 0, 0, 1);
}

.images-wrap svg,
#img-popup-wrap svg {
	width: 100%;
	height: auto;
	fill: var(--black);
	position: absolute;
	top: 10px;
	right: 10px;
	max-width: 40px;
	padding: 6px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .5);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

body:not(.is-mobile) .images-wrap > div:hover svg,
body:not(.is-mobile) .images-wrap svg:hover,
body:not(.is-mobile) #img-popup-wrap svg:hover {
	background-color: var(--white);
	box-shadow: 0 5px 6px -5px rgba(0, 0, 0, .75);
}

body:not(.is-mobile) #img-popup-wrap svg:hover {
	cursor: pointer;
}

#notes {
	margin-bottom: 30px;
}

.option:not(:last-child) {
	margin-bottom: 60px;
}

#main .option ul {
	margin-bottom: 0;
}

.option > div:not(:last-child) {
	margin-bottom: 30px;
}

.option-header {

}

.option-section {
	padding-left: 30px;
}

.option-points {
	
}

.package {
	padding-left: 30px;
}

.package:not(:last-child) {
	margin-bottom: 30px;
}

.option table {
	border: none;
	border-collapse: collapse;
	background-color: #fafcff;
}

.option tr:nth-of-type(odd) {
	background-color: #e3f1ff;
}

.option td {
	border: 1px solid #b7d4e8;
	padding: 10px 13px 12px;
	line-height: 1.3em;
}

.optional {
	color: var(--dark-gray);
	text-transform: uppercase;
	font-size: .6em;
	font-family: raleway-bold;
	white-space: nowrap;
}

#updated {
	color: var(--gray);
	margin-top: 24px;
	line-height: 1.3em;
}

/*.button,
body.is-mobile .button:hover {
	max-width: 16em;
	padding: 8px;
	margin: 0;
	line-height: 1em;
}

a.button:link,
a.button:visited,
a.button:active,
body.is-mobile a.button:link,
body.is-mobile a.button:visited,
body.is-mobile a.button:hover,
body.is-mobile a.active {
	color: var(--white);
}*/

/* ===== MEDIA QUERIES ===== */

@media screen and (max-width: 650px) {
	.images-wrap > div {
		max-width: none;
	}
	
	.images-wrap img {
		max-height: none;
	}
}

@media screen and (max-width: 500px) {
	.option-section,
	.package {
		padding-left: 0;
	}
}