/* ROUTE STYLE */.routeName{    color:#ff6600;	color:rgba(255,85,0,0.8);	font-size:2.8em;	padding-left:1%;	width:50%;	margin-top:0;	padding-top:2%;}.rDistance{	margin-top:0;	padding-left:1%;}.rTips{	width: 45%;	color: rgba(255,85,0,0.6);	text-transform: uppercase;	line-height: 1.6;	font-size:1.8em;	float:right;	margin-top:0;	margin-bottom:5%;	padding-top:2%;	}.routeDescrip{					font-size: 1em;	font-family: 'OpenSansRegular';	color: #fff;	opacity: 0.6;	margin-top: 1%;	padding-left: 1%;	width: 50%;	float: left;	padding-bottom: 3%;			}.routeImg{	height:350px;	width:50%;	margin-top:2%;	margin-bottom:5%;	background-size:cover;	background-position:center;	box-shadow:0 0 5px #000;	border:2px solid #333;	}/* //////////////////////// *//* BLOG */.blogLeft{	width:65%;	float:left;}.blogRight{	width:30%;	float:right;	margin-bottom:5%;}.blogIntroPg{	width:100%}.blogList ul li a{	color:rgba(255,255,255,0.6);	font-family:'WBB';	font-size:2em;	text-transform:uppercase;	display:block;	margin-top:3%;}.blogList ul li a:hover{	color:#fff;	}.blogList ul{		padding:0 0 0 4%;	}.blogList ul li{	list-style:none;	color:rgba(255,85,0,0.6);}.blogList ul li p{	color:rgba(255,85,0,0.6);	font-family:'OpenSansLight';		}.blogList{	background-color:rgba(255,255,255,0.2);	width:100%;	min-height:400px;	padding:2%5%2%0;}.archiveBox{		background-color:#ff5500;		height:550px;		width:100%;		float:right;		margin-top:10%;		text-align:center;	}.socialInfo{	font-family:'WBB';	font-size:2em;	color:#fff;	text-transform:uppercase;	}.socialInfo p{	border-bottom: solid 2px rgba(255,255,255,0.4);	border-top: solid 2px rgba(255,255,255,0.4);	margin-left: 10%;	margin-right: 10%;	padding-top: 5%;	padding-bottom: 5%;	margin-bottom:5%;	opacity: 1;	}.socialInfo .fa{			font-size:1.2em;			color:rgba(255,255,255,0.6);			display:inline-block;			padding:2%5%;		}.socialInfo .fa:hover{				color:#fff;			}.archiveInfo{		font-family:'WBB';	font-size:2em;	color:#fff;	text-transform:uppercase;	}.archiveInfo p{	border-bottom: solid 2px rgba(255,255,255,0.4);	border-top: solid 2px rgba(255,255,255,0.4);	margin-left: 10%;	margin-right: 10%;	padding-top: 5%;	padding-bottom: 5%;	margin-bottom:5%;	opacity: 1;	}/* BLOG PAGES */.blogTitle{	color:rgba(255,85,0,0.8);	margin-top:5%;	width:100%;	font-size:2.8em;	padding-left:1%;}.blogContent{	width:100%;				}.blogImg{		height:450px;		width:40%;		float:right;		background-size: cover;		background-position: center;		box-shadow: 0 0 5px #000;		border: 2px solid #333;		margin-top:5%;		margin-bottom:5%;	}.wbbBlog{	width:50%;	float:left;	}.blogDate{	color:rgba(255,255,255,0.4);	font-size:90%;	display: inline-block;	margin-bottom:3%;	}@media (max-width: 768px) {	.blogList ul li a{		font-size:1.6em;	}	.blogList ul li p{		font-size:90%;	}		.socialInfo{		font-size:1.6em;			}			.archiveInfo{			font-size:1.6em;				}	.mapDetails #map_canvas{		margin:5% 0!important;	}	.routeName{		width:100%;	}	.routeDescrip{		width:100%;	font-size:90%;	}}@media (max-width:600px) {					.blogLeft{		width:100%;				}	.blogRight{		width:100%;					}	.blogTitle{		font-size:2em;	}	.blogImg{	height:200px;		}	.blogIntroPg{		width:99%;				}	.blogList{		width:94%;					}	.archiveBox{		margin-top:5%;		height: 400px;						}	.socialInfo p{		padding-top:2%;		padding-bottom:2%;		margin:5% 5% 3% 5%;	}	.archiveInfo p{		padding-top:2%;		padding-bottom:2%;		margin:3% 5%;	}	.blogList ul{		padding-left:6%;	}	.routeImg{		width:100%;		margin-bottom:3%;	}	.rTips{	float:none;	width:80%;	margin-left:10%;	margin-right:10%;	text-align:center;		}	}@media (max-width:320px) {		.blogList ul li a{		font-size:1.4em;	}	.blogList ul{		padding-right:2%;		}	.socialInfo{		display:none;	}	.archiveInfo{		padding-top:5%;	}	.routeName{		font-size:2em;	}	.rDistance{		font-size:1.4em;		}	.routeImg{		height:200px;		}	.rTips{		font-size:1.4em;	}	.blogImg{		width:100%;	}	.wbbBlog{		width:100%;	}	.blogTitle{		font-size:1.4em;	}.blogContent{	font-size:90%;	}	.blogDate{	font-size:60%;	}}