body { background: black; color: #AAA; font-family: "Courrier", monospace, sans-serif; text-align: center; padding: 20px; line-height: 130%; font-weight: 200; }
h1, h2, h3, h4, h5, li, a, p { text-align: center; }
h1 { color: white; line-height: 100%; font-size: 40px; margin: 20px 0 40px 0; padding: 0; }
hr { height: 1px; color: #333; background: #333; font-size: 0; border: 0; margin: 60px 0; padding: 0; }
p strong { color: white; text-transform: uppercase; }
a { color: #897D6D; font-style: none; }
a:hover { color: #DBAF50; }
footer { margin-top: 20px; }
footer a { text-transform: uppercase; font-weight: 700; }

ul { 
	list-style-type: none; 
	margin: 0;
	padding: 0;

	li {
		margin: 0 0 80px 0;
		padding: 0;
	}
}


/* CLASSES ********************************************** */

p.sm { font-size: 80%; color: #666; }

.breadcrumb a { text-decoration: none; letter-spacing: 2px; }

#logo {
	margin-bottom: 20px;
	max-width: 400px;
}

.hero {
	border-radius: 20px;
}

navlist .hero {
	border: 3px solid black;

	&:hover {
		border: 3px solid #DBAF50;
	}
}

.separator {
	color: #DBAF50;
}

.button {
	background-color: #897D6D;
 	border: none;
 	border-radius:10px;
 	color: white;
 	padding: 15px 32px;
 	text-align: center;
 	text-decoration: none;
 	text-shadow: 1px 1px 1px #444; 
 	display: inline-block;
 	font-size: 16px;
}

.button:hover {
	background-color: #DBAF50;
	color: white;
	cursor: pointer;
}

.logoSmall { margin-top: 40px; width: 150px; }

ul#resources li { margin-bottom: 20px; }

iframe.instagram-media.instagram-media-rendered { margin: 0 auto 0 auto !important; }


/* LANDING PAGES *************************************** */
#bc_lp h4 { margin: 120px 0; }
#amplified_lp { background-color: #1B2626; }
#amplified_lp .hero { border: 1px solid #537374; }
#location {
	padding: 20px;
  background: #dbaf50;
  color: #FFF;
  border-radius: 30px; 
}
#location h1 { line-height: 50% }
#location h2 { font-size: 2.5rem; }

#push_lp { background-color: #232321; }
#push_lp .hero { border: 1px solid #8C806F; }


/* MAIN ************************************************ */
main { width: 100%; margin: 0 auto; }
main img { width: 100%; }

@media only screen and (min-width: 600px) {
  body { padding: 40px; }
  h1 { font-size: 100px; margin-top: 40px; }
  main { width: 100%; max-width: 900px; }
}