*, *::before, *::after {
	box-sizing: border-box;
}

.w200 {font-weight: 200}
.w300 {font-weight: 300}
.w400 {font-weight: 400}
.w600 {font-weight: 600}
.w700 {font-weight: 700}
.w900 {font-weight: 900}

body {
	margin: 0 auto;
	font-family: 'Source Sans Pro';
	font-weight: 300;
	background-image: linear-gradient( rgba(197,192,186,1), rgba(243,242,238,1));
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h4 {
	font-weight: 300;
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

h3 {
	font-weight: 400;
	font-size: 1.2em;
	margin: 0 0 0.67em 0;
}

h2 {
	font-weight: 400;
	font-size: 1.4em;
	margin: 0 0 0.67em 0;
}

h1 {
	font-weight: 600;
	font-size: 1.4em;
	margin: 0 0 0.67em 0;
}

p {
	font-weight: 300;
	margin: 0 0 0.67em 0;
}

.no-margin {
	margin: 0;
}

hr {
	display: block;
	width: 100%;
	background-color: #003860;
	height: 1px;
	border: 0;
	margin: 0 0 1em 0;
}

ul {
	margin-bottom: 1em;
}

li:not(:last-child) {
	padding-bottom: 0.32em;
}

a {
	color: #003860;
	text-decoration: none;
	font-weight: 600;
}

a:hover {
	text-decoration: underline;
}

.wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	gap: 3vh;
}

.sd-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
	height: 50vh;
	margin: 3vh 3vh 0 3vh;
}

#bc-wrapper {
	background: #F570F9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 2em;
	padding: 3rem;
}

#sd-logo {
	max-height: 100%;
}

#limitless-logo {
	max-width: 80%;
}
.sd-details {
	display: flex;
	flex-direction: column;
	gap: 0.2em;
}

.no-phone {
	display: flex;
	align-items: center;
}

#no-phone-logo {
	max-width: 60px;
}

.footer {
	margin: 0 2rem 2rem 2rem;
	text-align: center;
}

.footer p {
	display: inline;
}


.sub {
	flex-direction: column;
}

.sub h1 {
	text-align: center;
	margin: 0;
}

.sub p {
	text-align: center;
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

.footer p {
	text-align: center;
	margin: 0
}


.office_wrapper {
	display: flex;
	flex-direction: column;
	width: 60%;
	max-width: 600px;
	margin: auto;
}

.exterior_header {
	background-color: #003860;
	color: white;
	height: 60px;
	padding-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 1.7em;
}

.exterior_footer {
	background-color: #89a1b3;
	height: 20px;
	margin-bottom: 1em;
}

.info_wrapper {
	text-align: center;
}

.info_wrapper h3 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0.67em;
}

.info_wrapper ul {
	text-align: left;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.info_wrapper, .property_details, .upper_floor_office, .kitchen_wrapper, .rental_options, .nav_links {
	padding: 0 1em;
}

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

.image_pair {
	display: flex;
	gap: 10px;
	margin-bottom: 0.67em;
}

.image_pair_land_port_split div:first-child {
	flex: 1;
}

.image_pair_land_port_split div:not(first-child) {
	flex: 0.5625;
}

.image_pair div img {
	width: 100%;
}

.specs_table {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 1em 0;
}

.specs_row {
	justify-content: space-between;
	display: flex;
	padding: 0 0 4px 0;
	gap: 10px;
	border-bottom: 1px solid #003860;
}

.specs_row:last-child {
	border-bottom: none;
}

.specs_row p {
	margin: 0;
}

.specs_row>p:nth-of-type(1) {
	font-weight: 600;
	flex: 1;
}

.specs_row>p:nth-of-type(2), .specs_row div {
	flex: 3;
}

.specs_row ul {
	margin-top: 0.3em;
	margin-bottom: 4px;
	padding-left: 24px;
	list-style-type: circle;
}

.kitchen_info {
	display: flex;
	gap: 3em;
}

.kitchen_images {
	display: flex;
	gap: 0.5em;
	margin-bottom: 0.67em;;
}

.kitchen_images div img {
	width: 100%;
}

.rental_options {
	display: flex;
	flex-direction: column;
}

.rental_options_wrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0.67em 0;
}

.rent_guarantee {
	background-color: lightgrey;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	margin: 0 0 1.5em 0;
	font-weight: 600;
}

.lease_header {
	font-weight: 600;
	font-size: 1.2em;
	margin: 0 0 0.3em 0;
}

.lease_detail {
	margin: 0 0 0.3em 0;
}

.contact {
	background-color: rgb(202, 214, 223);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	font-size: 1.3em;
	padding: 1em;
}

.contact_details {
	font-weight: 600;
}

.nav_links {
	margin: 0 0 1em 2em;
	display: flex;
	justify-content: space-between;
}

.nav_links a {
	display: block;
	padding: 5px 0;
}

.nav_links a:last-child {
	padding-bottom: 0;
}

.pdf_download {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 3em;
}

.pdf_download a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.pdf_download a p {
	font-weight: bold;
	margin: 10px 0 0 0;
}

.download_icon {
	display: block;
}

.arrows {
	height: 10px;
	margin: 0 6px 0 0;
}

@media (max-width: 800px) {

	.nav_links {
		flex-direction: column;
		gap: 1em;
	}

	.office_wrapper {
		width: 100%;
	}

	.info_wrapper h3 {
		width: 90%;
	}
	
	.info_wrapper ul {
		width: 90%;
	}

	.kitchen_info {
		flex-direction: column;
		gap: 0em;
	}

	.rental_options_wrapper {
		flex-direction: column;
		gap: 1em;
	}

	.image_pair {
		flex-direction: column;
	}
}

@media (max-width: 430px) {

	h3 {
		font-size: 1em;
	}

	#no-phone-logo {
		max-width: 50px;
	}

	#bc-wrapper {
		padding: 2rem 1rem;
	}

	.footer p {
		display: block;
	}
}

@media (max-width: 560px) {
	.sd-wrapper {
		flex-direction: column;
		height: inherit;
		gap: 1em;
	}

	.sd-details {
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	#sd-logo {
		max-height: 20vh;
	}
}