body {background: #e8f3f2;}
		#company {text-align: center;}
		#company h1, #company h2 { margin: 0; text-transform: uppercase; color: #0000ad; }
		#company h1 {font-weight: bold;}
		#company h2 {margin-top: 5px;}
		#menu {background: #252525;}
		#menu a{border-radius: 0 !important; color: #fff !important; text-transform: uppercase; font-size: 13px;}
		#menu a:hover{color: #0000ad !important;}
		#main-content, #sidebar {margin-top: 10px;}
		.box {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; }
		.box .lead {margin: 0}
		.hr-separator {
			border-bottom: 1px solid #ccc;
		}
		.border-left {border-left: 1px solid #ccc;}
		.border-right {border-right: 1px solid #ccc;}
		.w-100 {width: 100%;}

		.thumbnail {width: 90px;}

		.relative {position: relative;}
		.absolute {position: absolute;}
		.bottom-0 {bottom: 0}
		
		.title {text-transform: uppercase; font-size: 14px; color: #555; text-align: justify;}
		.introtext {font-size: 12px; color: #555;}
		.link {color: red;}
		.caption {
			position: absolute;
			bottom: 0;
			padding: 15px; 
			background: rgba(25, 25, 25, 0.5);
			color: #fff !important;
			max-width: 100%;
			width: 100%;
			z-index: 1;
		}
		.caption h2 {
			margin: 0;
		}
		.caption a, .caption a h2, .caption .introtext {
			color: #fff !important;
			text-decoration: none;
		}
		.embed-responsive-1by1 {
			padding-bottom: 100%;
		}

		
.topic {
	background: url('images/topic.png') no-repeat;
	background-size: cover;
	width: 60px;
	height: 60px;
	color: #fff;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	float:right;
	text-transform: uppercase;
	font-size: 10px;
}

.topic a {
	color: #fff;
}