ssylvia

#index-map{
	position: relative;
	width: 100%;
	height: 25%;
	max-height: 400px;
	min-height: 200px;
	margin-bottom: 2px;
}

.sectionPanel .appTitle.anchored{

ssylvia

<div id="index-map">
	<p id="index-map-info"></p>
	<div id="index-map-helper" class="active">
		<!-- Helper Tooltip text to show until user first clicks on the map -->
		Click a park to explore
	</div>
</div>

ssylvia

<script type="text/javascript">
	// Get the full url to the app so we can load the readmore.js file
	var path = location.pathname.replace(/\/[^/]+$/, '/');
	// require Readmore.js and app events
	require(["dojo/topic", path + "app/readmore.min.js"], function(topic) {
		// After each point change, call readmore on the description pane
		topic.subscribe("maptour-point-change-after", function(){
				$('.description').readmore({
					collapsedHeight: 10,
					blockCSS: 'float: left; padding: 10px;'

ssylvia

.sectionPanel .title, .sectionPanel .appTitle, #mobileView .title{
	font-family: 'Oswald', sans-serif;
}
.sectionPanel .content, #mobileView .content{
	font-family: 'Lora', serif;
}
.sectionPanel .content strong, #mobileView .content strong{
	font-family: 'Lora', serif;
	font-weight: bold;
}