@charset "utf-8";
/* CSS Document - REALTY */

#TitleBar {
	background-color: #61a60e;
	height: auto;
}

h1 {
	margin-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#return {
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	margin-left: 15px;
	color:#3e5e0b;
	font-size: 12pt;
}

#return:hover {
	color: #61a60e;
}
h4 {
	text-align: center;
	margin: 10px 0px 40px 20px;
	font-weight: 400;
	font-size: calc(12pt + (16 - 12) * ((100vw - 250px) / (1600 - 250)));	
	color: #333333;
}

table {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Oswald', sans-serif;
}

th {
	text-align: left;
	background-color: #333333;
	color: #FFF;
	font-size: calc(10pt + (14 - 10) * ((100vw - 250px) / (1600 - 250)));
	font-weight: 500;
	margin: 0;
	border: 0;
	padding: 3px;
}

.thgray {
	background-color: #7F7F7F;
}

.thblue {
	background-color: cornflowerblue;
}

.thgreen {
	background-color: forestgreen;
}

.thyellow {
	background-color: darkkhaki;
}

.thred {
	background-color: red;
}

.td1 {
	background-color: #cbcbcb;
}

.td2 {
	background-color: #EBEBEB;
}

td {
	padding: 5px;
	font-size: calc(10pt + (14 - 10) * ((100vw - 250px) / (1600 - 250)));
}

td a {
	color: #3e5e0b;
	font-weight: bold;
}

td a:hover{ 
	color: #61a60e;
}

#gfx {
	width: 80%;
	margin: 0 auto 15px auto;
}

#desc {
	margin: 10px auto 30px auto;
	width: 90%;
	text-align: center;
	font-size: calc(12pt + (16 - 12) * ((100vw - 250px) / (1600 - 250)));
	color: #3e5e0b;
	font-weight: bold;
	font-style: italic;
}

footer {
		padding-top: 15px;
	}

/*Tablet View*/

@media only screen and (max-width: 1000px) {
	
	#SearchBar {
		position: absolute;
		margin-top: 70px;
		right: -50px;
		width: 300px;
	}	
	
}

/*Mobile View*/

@media only screen and (max-width: 550px) {
	
	h1 {
		text-align: center;
		margin: 0 0 10px 0;
		padding: 5px;
	}
	
	h4 {
		margin: 10px 0 10px 0;
	}
	
	#gfx {
		margin: 0;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	
	#gfx img {
		width: 100%;
	}
	
}