.bg-black {
	background-color: #000;
}
.bg-blue {
	/*background-color: #538fdb;*/
	background: rgba(83, 143, 219, 0.5)
}

.logo-brand-top-container {
	padding:0px 15px 0px 15px !important;
}
.logo-brand-top {
	width:100%;
	max-width:250px;
}
.text-brand-top {
	padding:15px 15px 0px 0px !important;
}
.navbar-default	
{
	background-color:#222;
	padding:10px 0;
}
.header-padding {
	padding-top: 100px;
	margin-top: 50px;
}
.pics {
	width:100%;
}
.padding-0 {
	padding:0px;
}
.timeline-icon2 {
	font-size:100px !important;
	padding-top:25px;
}

@media (max-width: 400px) { 
	.logo-brand-top {
		max-width:175px !important;
	}
}
@media (max-width: 750px) { 
	.logo-brand-top-container {
		padding:0px 15px 0px 0px !important;
		margin-left:0px !important;
	}
	.logo-brand-top {
		width:100% !important;
	}
	.timeline-icon {
		font-size:35px !important;
		padding-top:15px;
	}
}
@media (min-width: 750px) {
	.logo-brand-top-container {
		padding:0px 15px 0px 0px !important; /* and (max-width: 1199px) */
		margin-left:-50px !important;
	}
	.logo-brand-top {
		max-width:175px !important;
	}
	.timeline-icon {
		font-size:50px !important;
		padding-top:20px;
	}	
}
@media (min-width: 974px) { 
	.logo-brand-top-container {
		padding:0px 15px 0px 10px !important; /* and (max-width: 1199px) */
		margin-left:0px !important;
	}
	.logo-brand-top {
		max-width:100% !important;
	}
	.timeline-icon {
		font-size:100px !important;
		padding-top:25px;
	}
}