

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	#hero {
		min-height: 1200px;
	}
	#info ul {
		width: 100%;
	}
	#map {
		height: 500px;
		background-position: right bottom !important;
	}
	#map #map-content .align-self-center {
		align-self: start !important;
		text-align: center !important;
		padding-top: 2rem !important;
	}
	#map h2 {
		margin: 0 auto 20px auto;
		/*padding: 0 0 0 0 !important;*/
		padding: 85px 0 0 0 !important;
		background-position: center top;
	}
	#map p {
		margin: 0 auto;
		padding-bottom: 2rem !important;
	}
	#news #news-container {
		height: 650px;
	}
	#news #news-content {
		padding-top: 12rem;
	}
	#news .news-posts .news-post .news-title {
		background-color: rgb(63, 32, 46);
	}
	#news .news-posts .news-post:hover .news-title {
		background-color: rgb(142, 73, 104);		
	}
	#news .news-posts .news-post .news-title a {
		margin-bottom: 6px;
		color: #f3a3c1;
		font-size: 22px;
		line-height: 22px;
	}
	#news .news-posts .news-post .news-title a:hover {
		color: #fff;
	}
	#news .news-posts .news-post .news-title p {
		color: #f8a19d;
	}
	#news .news-more a {
		display: table;
		margin-right: auto !important;
		margin-bottom: 0.75rem !important;
	}
	#news .news-more a:hover {
		background-color: rgb(63, 32, 46);
		border-color: rgb(63, 32, 46);
	}
	#news .news-more a.wipe {
		border: 1px solid rgb(63, 32, 46);
	}
	#news .news-more a strong {
		background-color: rgb(63, 32, 46);
	}
	#join {
		margin-top: -22px;
	}
	#staff #staff-logo {
		display: none;
	}
	#footer {
		min-height: 275px;
		height: auto;
		padding-bottom: 2.5rem !important;
		background-position: center 20% !important;
	}
	#footer #brand {
		padding-top: 2.5rem !important;
		padding-bottom: 19rem !important;
	}
	#footer #footer-logo {
		width: 100%;
	}
	#footer #subnav ul.renav li {
		padding: 0.2rem 0;
	}
	#footer #subnav ul.bordered-list {
		margin: 0 auto;
		border-top: 0px;
	}
}
@media (max-width: 825px) {
	#hero {
		min-height: 1150px;
	}
	#park-logo, 
	#park-title {
		width: 100%;
		text-align: center;
	}
	#alert #alert-body-logo {
		width: 100%;
		padding-bottom: 1.25rem !important;
		text-align: center;
	}
	#alert #alert-body-content {
		padding-bottom: 1.25rem !important;
		text-align: center;
	}
	#alert p {
		padding: 0 0 5rem 0 !important;
		text-align: center;
	}
}
@media (max-width: 767px) {
	#hero #hero-layer1 {
		background-position: center bottom;
	}
	#map {
		height: 560px;
		background-position: right bottom !important;
	}
	#map #map-content .align-self-center {
		padding-top: 2.5rem !important;
	}
	#map h2 span {
		display: inline;
		m
		argin-right: 6px;
	}
}
@media (max-width: 676px) {
	
}
@media (max-width: 620px) {
	.navbar #apply {
		width: 100%;
		top: 98%;
		padding-left: 0px !important;
	}
	.navbar #apply #server-info-container {
		position: absolute;
		top: -34px;
		right: 1rem;
		/*text-align: left !important;*/
	}
	.weather.sticky {
		top: 72px;
		right: 1rem;
	}
	.weather.sticky.push {
		top: 7%;
	}
	#hero #hero-overlay h1 {
		font-size: 50px;
		line-height: 64px;
		letter-spacing: -0.05cm;
	}
	#hero #hero-layer1 {
		background-position: right bottom;
		background-size: 100% auto;
	}
	#info h2 span {
		display: inline;
	}
	#info p span {
		display: inline;
	}
	#map {
		height: 585px;
	}
	#map h2 {
		padding: 85px 0 0 0 !important;
		background-position: center top;
		font-size: 36px;
		font-weight: 400;
		line-height: 40px;
		letter-spacing: -0.02cm;
	}
	#map #map-content .align-self-center {
		padding-top: 2.5rem !important;
	}
}
@media (max-width: 550px) {
	
}
@media (max-width: 500px) {
	#news #news-container {
		height: auto;
	}
	#news #news-content {
		padding-top: 9rem !important;
	}
	#news #news-body {
		padding-bottom: 2rem !important;
	}
}
@media (max-width: 400px) {
	#map p.mb-0 {
		margin: 0 auto 4rem auto !important;
	}
	#map a.more {
		display: block;
		margin: 0 0 10px 0 !important;
	}
	#news #news-container {
		margin-top: -30px;
	}
	#news #news-content {
		padding-top: 7rem;
	}
	#join {	
		margin-top: -28px;
	}
	#join h2 {
		font-size: 45px;
		line-height: 48px;
		letter-spacing: -0.04cm;
	}
	#join h2 span {
		font-size: 55px;
		line-height: 60px;
		letter-spacing: -0.05cm;
	}
}
