<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.attractionsContainer {
							
	margin-bottom: 15px;
	margin-top: 20px;

}

.attractionsTitle {

	font-size: 16px;
	margin-bottom: 10px; 

}

.attractionsText {


}

.attractionsButtonContainer {

	width: 100%;
	margin: 10px auto;
	text-align: right;
	margin-bottom: 60px;
	
	

}

.attractionsButton {

	float: right;
	text-align: center;
	width: 50%;
	padding: 5px;
	background: #2D4A7C;
	border-radius: 10px;
	box-sizing: border-box;
	

}

.attractionsButton:hover {
	opacity: .7;
}


a.attractionsTitle {
	
	display: block;
	font-size: 19pt;
	width: CALC(100% + 60px);
	color: white;
	padding: 10px;
	font-family: 'Francois One', sans-serif;
	background: #9c875f;
	margin-left: -30px;
	padding-left: 30px;
	text-decoration: none;
	font-weight: normal;
	
}

a.attractionsTitle:hover {
	
	text-decoration: none;
	
}

.attractionsSubTitle {
	
	font-size: 18pt;
	font-family: 'Francois One', sans-serif;
	color: #848484;
	margin: 10px auto 15px auto;
	
}




@media only screen and (max-width: 600px) {
	
	a.attractionsTitle {
		
		margin: 10px -15px;
		width: CALC(100% + 30px);
		text-align: center;
		font-size: 17pt;
		padding: 13px 0;
		
	}
	
	.attractionsSubTitle {
		
		font-size: 15pt;
		margin-top: 15px;
		
	}
	
	
	.attractionsButton {

		width: 100%;

	}</pre></body></html>