/* DEV STYLES */
img {border: 1px solid #707070;}
/* END DEV STYLES */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap');

*,p {
	margin: 0;
	padding: 0;
}
body {
	font: normal normal 300 13px/17px 'Source Sans Pro', sans-serif;
	background: #0C0D12;
	text-align: center;
	letter-spacing: 0px;
	color: #959596;
}
.navbar {
	height: 55px;
	background-color: #45171B;
}
.home, .main {
	margin: 0 auto;
	padding: 50px 36px;
	text-align: center;
}
.home {
	max-width: 710px;
}
.main {
	max-width: 510px;
}
h1 {
	font: normal normal 300 11px/14px 'Rubrik New', sans-serif;
	color: #939395;
	letter-spacing: 5.5px;
	text-transform: lowercase;
	padding: 10px 0 21px 5.5px; /* come back to this */
}
h2 {
	font: normal normal 300 16px/21px 'Rubrik New', sans-serif;
	color: #fff;
	padding: 0 0 10px;
}
p {
	padding: 8px 0 10px;
}
p.details {
	font: normal normal 300 12px/18px 'Source Sans Pro', sans-serif;
	letter-spacing: 1.2px;
	color: #939395;
	margin-top: 40px;
}
p.subtle {
	color: #939395;
	letter-spacing: 1.3px;
}
img {
	margin: 13px 0 50px; /* come back to this */
}
img.h1 {
	margin: 0 auto;
}
.card {
	margin-bottom: 42px;
}
.text {
	text-align: left;
}
.slide {
	transition: height 0.5s ease-out;
	height: 0;
	overflow: hidden;
}
#more {
	color: #691E24;
	font-size: 32px;
	padding-top: 55px;
	margin-bottom: -64px;
	cursor: pointer;
}
.hidden {
	display: none;
}
.footer {
	margin-top: 202px; /* come back to this */
	padding: 36px 0 40px; /* come back to this */
	text-align: center;
	font: normal normal 300 10px/13px 'Rubrik New', sans-serif;
	letter-spacing: 1px;
	background-color: #000;
}