html, body {
	background-color:#000;
	color:#fff;
	margin:0;
	font-family:'Open Sans';
}

#background {
	background:#000;
	background-size:100% 100%;
	display:table;
	width:100%;
	height:100%;
}

#bg-filter {
	background-color:rgba(0, 0, 0, 0.25);
}

table {
	width:100%;	
	height:100%;
	border-spacing:0;
	border-collapse:collapse;
}

td {
	text-align:center;
	vertical-align:top;
}

#sidebar td {
	padding:1% 0;
}

#directory div {
	font-size:80px;
	padding:1.5% 5%;
}

#directory div.subcompanies {
	color:#ccc;
	font-size:64px;
}

#directory div.left {
	padding-left:0;
	padding-right:0;
}

#directory div.right {
	padding-right:0;
	padding-left:0;
}

img {
	max-width:100%;
}

h1 {
	font-size:5em;
	margin:0;
}

h2 {
	font-size:4em;
	margin:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

#weather_iframe > a {
	width:50% !important;
	display:inline-block !important;
	text-align:center !important;
}

/* https://stackoverflow.com/a/21233577 */
.marquee {
	width: 96%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*
	box-sizing: border-box;
	*/
	word-break: break-all;
	word-wrap: break-word;
}

.marquee span {
	display: inline-block;
	/*
	padding-left: 100%;
	max-width:100%;
	*/
	/* show the marquee just outside the paragraph */
	animation: marquee 30s linear infinite;
}

.marquee span:hover {
	animation-play-state: paused
}


/* Make it move */

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}