@media all {
	/* title */
	.title {
		position: relative;
		/*height: 50px;*/
		/*color: #fff;*/
		font-size: 24px;
		padding: 0 16px;
		margin-top: 5px;
		border-radius: 3px;
		/*border: 1px solid #666;
		box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
		background-color: rgba(255, 255, 255, 0.1);*/
	}
	
	.titleLeft, .titleRight{
		display: block;
		position: relative;
		height: 100%;
		text-align: center;
		color: #fff;
	}
	
	.titleLeft {
		font-family: 'Macondo', cursive;
		font-style: italic;
		font-size: 36px;
		padding-top: 10px;
		text-shadow: 1px 1px 2px grey;
	}
	
	.titleRight {
		font-weight: bold;
		/*float: right;*/
		padding-top: 10px;
		text-shadow: 1px 1px 2px grey;
	}
	
	.titleRight > .table {
		height: 100%;
		margin: 0 auto;
	}
	
	.titleRight a{
		text-decoration: none;
		color: #fff;
		font-size: 18px;
		padding-bottom: 6px;
	}
	
	.titleRight a:hover{
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	
	.titleRight img {
		display: block;
		max-width: 30px;
	}
	
	.title .table-cell {
		padding: 0 6px;
		margin: 2px 0;
	}
}

@media (max-width: 768px) {
	.title {
		height: auto;
	}
	
	.titleLeft, .titleRight{
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.titleRight {
		float: none;
		padding-top: 8px;
		padding-bottom: 10px;
	}
	
	.titleRight {
		margin: 0 auto;
	}
	
	.title .table-cell {
		display: block;
		text-align: left;
	}
}