.attractionsContainer {
							
	margin-bottom: 15px;
	margin-top: 20px;

}

.attractionsTitle {

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

}

.attractionsText {

	font-size: 14pt;

}

.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,  .attractionsTitle {
	
	display: block;
	font-size: 19pt;
	width: CALC(100% + 80px);
	color: white;
	padding: 10px;
	font-family: 'Anton', sans-serif;
	background: linear-gradient(#137C84, #21959D);
	margin-left: -40px;
	padding-left: 40px;
	text-decoration: none;
	font-weight: normal;
	box-sizing: border-box;
	
}



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

.attractionsSubTitle {
	
	font-size: 18pt;
	font-family: 'Anton', sans-serif;
	color: black;
	margin: 10px auto 15px auto;
	
}

.attractionsTitle span {
	
	color: #afafaf;

	
}


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

		width: 100%;

	}