body {
	font-family: 'Roboto Condensed', sans-serif;
}
.margin-top-20 {
	margin-top: 20px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
	color: #B71C1C !important;
	background-color: transparent !important;
}

.custom a {
	color: #fff !important;
	/*font: 14px 'Roboto Condensed', sans-serif;*/
}

.navbar-default {
	background-color: #F44336;
	border-color: #e7e7e7
}

@media ( min-width : 768px) {
	#nav {
		margin-bottom: 6px !important;
		background: rgba(0,0,0, 1);
	}
	#nav, #block2 .modelBar.panel {
		border-top: 1px solid #FFF
	}
	#nav {
		margin-bottom: 1em
	}
}

@media ( max-width : 767px) {
	#nav {
		margin-bottom: 6px !important;
		background: rgba(0,0,0, 1);
		margin-right: 0px;
		margin-left: 0px;
	}
	#nav, #block2 .modelBar.panel {
		border-top: 1px solid #FFF
	}
}

#nav, .navbar {
	background: rgba(0, 0, 0, 1);
	margin-right: 0px;
	margin-left: 0px;
}

.navbar-nav>li>a {
	padding: 10px 5px 10px 5px;
}