body {
	background-color: black;
	color: white;
	margin: 0;
}

@media (min-width: 1600px) {
	.col_crest {
		width: 12.5%;
	}

	.col_name {
		width: 37.5%;
	}

	.col_points {
		width: 25%;
	}

	.col_change {
		width: 25%;
	}
	
	td.housecell {
		height: 168px;
		font-size: 60pt;
	}
	
	td.housemarqueecell {
		height: 42px;
		font-size: 24pt;
	}
}

@media (max-width: 1599px) and (min-width: 1150px) {
	.col_crest {
		width: 25%;
	}

	.col_name {
		width: 40%;
	}

	.col_points {
		width: 35%;
	}

	.col_change {
		width: 0%;
	}

	.cell_change {
		display: none;
	}
	
	td.housecell {
		height: 160px;
		font-size: 60pt;
	}
	
	td.housemarqueecell {
		height: 40px;
		font-size: 24pt;
	}
}

@media (max-width: 1149px) and (min-width: 850px) {
	.col_crest {
		width: 12.5%;
	}

	.col_name {
		width: 40%;
	}

	.col_points {
		width: 47.5%;
	}

	.col_change {
		width: 0%;
	}

	.cell_change {
		display: none;
	}
	
	td.housecell {
		height: 84px;
		font-size: 40pt;
	}
	
	td.housemarqueecell {
		height: 21px;
		font-size: 16pt;
	}
}

@media (max-width: 849px) {
	.col_crest {
		width: 25%;
	}

	.col_name {
		width: 0%;
	}

	.col_points {
		width: 75%;
	}

	.col_change {
		width: 0%;
	}

	.cell_name {
		display: none;
	}
	
	.cell_change {
		display: none;
	}
	
	td.housecell {
		height: 66px;
		font-size: 32pt;
	}
	
	td.housemarqueecell {
		height: 16px;
		font-size: 13pt;
	}
}

/*
@media (max-width: 1000px) {
	.crestcell {
		display: none;
	}
}
*/

col.crest {
	width: 50%;
}

table.housepoints {
	width: 100%;
	border-spacing: 0;
	/*border: 1px solid white;*/
}

tr.houserow {
	/*height: 25%;*/
	/*max-height: 200px;*/
}

tr.row_Isibindi {
	background-color: #48a454;
}

tr.row_Altruismo {
	background-color: #808080;
}

tr.row_Reveur {
	background-color: #45578f;
}

tr.row_Amistad {
	background-color: #ac373c;
}

tr.row_Isibindi_marquee {
	background-color: #3e8e47;
}

tr.row_Altruismo_marquee {
	background-color: #6a6a6a;
}

tr.row_Reveur_marquee {
	background-color: #3a4a79;
}

tr.row_Amistad_marquee {
	background-color: #962f34;
}

td.housemarqueecell {
	text-align: center;
}

td.housecell {
	max-width: 100%;
	/*border: 1px solid white;*/
	text-align: center;
}

td.cell_name {
	text-align: left;
	padding-left: 5%;
}

.fitToContainer {
	/*max-width: 100%;
	max-height: 100%;*/
}

.crest {
	height: 80%;
}

.arrow {
	height: 60pt;
}

.cell_marquee {
}


.marquee {
    width: 450px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

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

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

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}