@charset "UTF-8";
/* CSS Document */

	html {
		height:100%;
		font-family: 'Open Sans', sans-serif;
	}
	body {
		height:100%;
		background:url(Houston_night.jpg) no-repeat center center fixed;
		background-size:cover;
	}
	p {
		font-size:1.0em;
		line-height:1.25em;
	}
	#wrap {
		width:100%;
		margin-bottom:-40px;
	}
	.mobileNav {
		display:none;
	}
	nav {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:40px;
		background:rgba(94,53,83,0.85);
		color:#2f1027;
		z-index:99;
		font-size:0.95em;

	}
	nav .contactInfo {
		position:absolute;
		right:12%;
		top:13px;
		color:#fff;
		font-size:0.85em;
	}
	nav a, nav a:visited {
		color:#f1e9bc;
		cursor:pointer;
	}
	nav a:hover, nav a:active {
		color:#fff;
		text-decoration:none;
	}
	nav .links {
		position:absolute;
		left:12%;
		margin-top:10px;
	}
	footer {
		position:fixed;
		left:0;
		bottom:0;
		height:40px;
		width:100%;
		z-index:9;
		margin-top:120px;
		background:rgba(94,53,83,0.85);
	}
	footer .fContent {
		position:absolute;
		left:12%;
		margin-top:13px;
		color:#fff;
		font-size:0.85em;
	}
	footer .links {
		float:right;
		margin-top:13px;
		margin-right:12%;
		color:#2f1027;
		font-size:0.85em;
	}
	footer a {
		color:#f1e9bc;
		cursor:pointer;
	}
	footer a:hover {
		color:#fff;
		text-decoration:none;
	}
	#content {
		width:100%;
	}
	#blogo {
		position:relative;
		width:200px;
		top:60px;
		left:12%;
		background:#5e3553;
		padding:8px;
	}
	#mainPage {
		position:relative;
		left:12%;
		top:80px;
		width:76%;
		display:none;
		height:0;
		background:url(bg-house.jpg) no-repeat center center fixed #fff;
		background-size:cover;
		margin-bottom:60px;
		border-radius:8px;
	}
	.content .textBox {
		position:absolute;
		top:0px;
		left:30px;
		background:rgba(255,255,255,0.85);
		width:40%;
		padding:6px 24px;
		height:100%;
		font-size:13px;
		overflow:auto;
	}
	#home {
		display:block;
		position:relative;
		left:12%;
		top:60px;
		width:76%;
	}
	#home .bCard {
		width:200px;
		background:rgba(255,255,255,1.0);
		padding:1%;
	}
	#home .nameBlock {
		color:rgba(94,53,83,1.0);
		text-align:center;
		margin-top:16px;
	}
	#home .nameBlock .name {
		font-weight:bold;
		font-size:1.25em;
		line-height:1.5em;
	}
	#home .mobileLogo {
		display:none;
	}
	#mainPage h3 {
		color:rgba(94,53,83,1.0);
	}
	#about {
		display:none;
	}
	#client {
		display:none;
	}
	#resources {
		display:none;
	}
	#resources p {
		font-size:18px;
		margin-left:6px;
		line-height:22px;
	}
	#contact {
		display:none;
	}
	#contact h4 {
		font-size:1.15em;
		color:rgba(94,53,83,1.0);
		padding:0;
		margin:0;
	}
	#contact input, #contact textarea {
		width:97%;
		margin:0;
		padding:0.75em;
		border-radius:4px;
		color:rgba(94,53,83,1.0);
		font-size:1.10em;
	}
	#contact input:focus, #contact textarea:focus {
		background:rgba(94,53,83,1.0);
		color:#fff;
	}
	#contact button {
		background:#fff;
		border-radius:6px;
		padding:0.65em;
		margin:0.25em;
		font:1.15em;
		background:rgba(94,53,83,1.0);
		color:#fff;
		float:right;
	}
	#contact button:hover {
		background:green;
	}
	img.aboutPic {
		float:left;
		border-radius:6px;
		margin:0 16px 12px 0;
		width:120px;
	}
	#sent {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:11;
		background:rgba(0,0,0,0.65);
	}
	#sent .text {
		position:absolute;
		top:35%;
		left:20%;
		width:60%;
		text-align:center;
		z-index:12;
		color:#fff;
	}
	#sent .text h4 {
		font-size:2.0em;
		margin-bottom:24px;
	}
	#sent .text p {
		font-size:1.25em;
		padding:0.75em;
		border:solid 1px #fff;
		border-radius:8px;
		width:160px;
		margin:0 auto;
		text-align:center;
	}
	#sent .text p:hover {
		background:#fff;
		color:red;
		cursor:pointer;
	}

@media screen and (max-width: 800px) {

	#mainPage {
		left:4%;
		top:60px;
		width:92%;
		margin:0;
	}

	.content .textBox {
		position:absolute;
		top:0px;
		left:6%;
		background:rgba(255,255,255,0.85);
		width:88%;
		padding:0 5%;
		height:100%;
		font-size:13px;
		overflow:auto;
	}
	#blogo {
		display:none;
	}
	#home .mobileLogo {
		display:block;
	}
	#home .bCard {
		position:absolute;
		top:50px;
		left:14%;
		width:72%;
		background:rgba(255,255,255,1.0);
		padding:0;
	}
	nav .links {
		display:none;
	}
	nav .titleName {
		display:none;
	}
	nav .contactInfo {
		position:absolute;
		left:10px;
		top:13px;
		color:#fff;
		font-size:0.85em;
	}
	.mobileNav {
		display:block;
		position:absolute;
		right:0;
		top:4px;
		color:#fff;
		font-size:1.75em;
		text-align:right;
	}
	.mobileBtn {
		padding-right:10px;
	}
	.mobileLinks {
		font-size:0.9em;
		background:rgba(0,0,0,0.85);
		padding:6px 10px 6px 0;
		margin-top:4px;
		display:none;
	}
	.mobileLinks ul {
		list-style:none;
	}
	.mobileLinks li {
		margin:6px 0;
	}
	footer {
		margin:0;
	}
	footer .links {
		display:none;
	}
	footer .fContent {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		color:#fff;
		font-size:0.85em;
		text-align:center;
	}
}