@import url('https://fonts.googleapis.com/css?family=Titillium+Web:600,900');

html { height:100%; }
body { height:100%; margin:0; font: normal normal 16px/24px Arial, sans-serif; }
a, a:hover { text-decoration:none; }
header { padding:2% 0 0; }

.agent { padding:1% 0 0; }
.agent img { height:14%; padding:6px; background:#FFF; border:solid 1px #CCC; border-radius:6px; float:left; margin-right:20px; }
.agent h3 { font: 600 normal 28px/50px 'Titillium Web', sans-serif; color:#444; margin:0; padding:0; }
.agent p { color:#222; margin:0; padding:0; }

.brokerage {}
.brokerage img { height:6%; }
.brokerage h3 { font: 600 normal 28px/40px 'Titillium Web', sans-serif; color:#444; margin:0; padding:0; }

section { border:solid 8px #EEE; border-left:none; border-right:none; margin:2% 0;
	background: rgb(221,221,221);
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#000000',GradientType=0 );
	/*
	background: rgb(185,62,62);
	background: -moz-linear-gradient(top, rgba(185,62,62,1) 0%, rgba(111,37,37,1) 100%);
	background: -webkit-linear-gradient(top, rgba(185,62,62,1) 0%,rgba(111,37,37,1) 100%);
	background: linear-gradient(to bottom, rgba(185,62,62,1) 0%,rgba(111,37,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b93e3e', endColorstr='#6f2525',GradientType=0 ); 
	*/
	}

.th {}
.th img { width:80%; max-width:500px; height:auto; padding:6px; background:#FFF; border-radius:8px; margin:20px; }
.sold { color:#FFF; padding:20px 0; }
.sold h1 { font: 900 normal 64px/100px 'Titillium Web', sans-serif; color:#FFF; margin:0; padding:0; }
.sold p { font: 600 normal 24px/40px 'Titillium Web', sans-serif; color:#FFF; margin:0; padding:0; }
.sold h4 { margin:0; padding:0; }
.sold a, .sold a:hover { color:#FF9; line-height:30px; }

footer { padding:10px 0; font: 600 normal 13px/32px 'Titillium Web', sans-serif; }
footer h2 { font: 600 italic 26px/50px 'Titillium Web', sans-serif; color:#b93e3e; margin:0; padding:0; }
.mvl { padding:3% 0 1%; text-align:center; }

@media screen and (orientation:portrait) {
	.agent h3, .brokerage h3 { font: 600 normal 22px/30px 'Titillium Web', sans-serif; }
	.agent img { margin-bottom:40px; }
	.sold { color:#FFF; padding:0 0 20px; }
	.sold h1 { font: 900 normal 50px/50px 'Titillium Web', sans-serif; }
	.sold p { font: 600 normal 16px/40px 'Titillium Web', sans-serif; }
}