@charset "utf-8";
html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family: 'rawengulkbold', Arial, sans-serif;
	background-color:#ffffff;
	position:relative;
}
input {
    -webkit-appearance: none;
}
img {
	max-width:100% !important;
	}
.tagline{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	font-size:2.5vw;
	color:#FFF;
	font-weight:normal;
	padding:0;
	margin:0;
	text-transform: uppercase;
	text-align:center;
	letter-spacing: 0.3em;
}
.pspacing{
	padding:0 5%;
	line-height:1.8;
}
.textWhite{
	color:#FFF;
}
.contactHspacing{
	padding-top: 10%;
}
.projectcontainer{
	width:28%;
	padding:2%;
}

.projecttab{
	width:100%;
	height:auto;
	padding:5% 0;
	background-color:#9d917e;
	text-align:center;
	}
	
	.projecttab a{
		font-size:2vw;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		text-align:center;
		font-family: 'simplificasimplifica', Arial, sans-serif;
	
	}
	.footerp{
		font-family: 'simplificasimplifica', Arial, sans-serif;
		color:#fff;
		font-size:0.8vw;
		padding:10% 0;
		
	}
	.footerp a{
		font-family: 'simplificasimplifica', Arial, sans-serif;
		color:#fff;
		font-size:0.8vw;
		padding:10% 0;
		
	}
	.footerp a:visited{
		font-family: 'simplificasimplifica', Arial, sans-serif;
		color:#fff;
		font-size:0.8vw;
		padding:10% 0;
		
	}
	.flexContainer{
		display:flex;
		flex-direction: column;
		justify-content: center;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	.flexContainer2{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items:center;
		width:100%;
		height:100%;
		margin-bottom:0;
		padding:0;
		
	}
	.galleryflexContainer{
		display:flex;
		flex-direction: row;
		justify-content: center;
		width:100%;
		height:100%;
		flex-wrap:wrap;
	}
	.galimgsize{
		width:48%;
		height:48%;
		padding-right:2%;
		padding-bottom:3%;
	}
	.galimgsize2{
		width:98%;
		height:48%;
		padding-right:2%;
	}
	.galimgsize3{
		width:96%;
	}
	.homegal_image{
		position:relative;
	}
	.image__img{
				display:block;
				width:100%;
			}
	.image__overlay{
				position:absolute;
				bottom:0;
				left:0;
				width:100%;
				height:100%;
				background: rgba(136,124,105, 0.80);
				color:#FFF;
				font-family: 'celine_peach_freesans', Arial, sans-serif;
				text-transform:uppercase;
				font-size:1.5vw;
				display:flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				opacity:0;
				transition:ease-out 0.7s;
				
			}
			.image__overlay a:link{
				color:#FFF;
				text-decoration:none;
			}
			.image__overlay a:visited{
				color:#FFF;
			}
			.image__overlay:hover{
				opacity:1;
			}
			.projectName{
				width:100%;
				height:auto;
				background-color:#9d917e;
				padding:2% 0;
			}


p{
	font-family: 'rawengulkbold', Arial, sans-serif;
	font-size:1.2vw;
	padding:2% 0;
	margin:0;
	color:#726659;
	font-weight:normal;
}
	
h1{
	font-family: 'celine_peach_freesans', Arial, sans-serif;
	font-size:1vw;
	color:#726659;
	font-weight:bold;
	padding-top:0vh;
	padding-bottom:2%;
	margin:0;
	text-transform: uppercase;
	font-weight:normal;
}
h2{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	font-size:1.75vw;
	color:#FFF;
	font-weight:bold;
	padding-bottom:2%;
}
h3{
	font-family: 'celine_peach_freesans', Arial, sans-serif;
	font-size:2.5vw;
	color:#FFFFFF;
	font-weight:bold;
	padding:2% 0;
	margin:0;
	text-transform: uppercase;
	font-weight:normal;
}
header, img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
	}

#banner{
	width:100%;
	height:100%;
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banneraspen{
	width:100%;
	height:100%;
	background-image:url(images/banneraspen.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner2{
	width:100%;
	height:100%;
	background-image:url(images/banner2.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner3{
	width:100%;
	height:100%;
	background-image:url(images/banner3.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner4{
	width:100%;
	height:100%;
	background-image:url(images/banner4.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner5{
	width:100%;
	height:100%;
	background-image:url(images/bannercontact.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner6{
	width:100%;
	height:100%;
	background-image:url(images/banner6.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner7{
	width:100%;
	height:100%;
	background-image:url(images/banner7.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner8{
	width:100%;
	height:100%;
	background-image:url(images/banner8.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner9{
	width:100%;
	height:100%;
	background-image:url(images/banner9.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner10{
	width:100%;
	height:100%;
	background-image:url(images/banner10.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#banner11{
	width:100%;
	height:100%;
	background-image:url(images/banner11.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#bannerproject{
	width:100%;
	height:100%;
	background-image:url(images/bannerproject.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:top;
	position:relative;
	
}
#navContainer{
	width:80%;
	height:15vh;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: left;
	background: rgba(0,0,0,0);
}

#logoContainer{
	position:fixed;
	top:8vh;
	left:10vw;
	width:10%;
	display: flex;
	justify-content: left;
	align-items: left;
}
header{
			background: #ccc;
			background: rgba(0,0,0, 0);
			width: 100%;
			position: fixed;
			z-index: 10;
			display:flex;
			align-items: right;
			justify-content: center;
			height:100%;
		}
		/* Sizes for the bigger menu */
			header.large{
				height: 12vw;
			}

			header.large img{
				width: 80%;
				height: 100%;
			}
			header.large ul{
				width:35vw;
	
			}

			header.large li{
	
			}
			


			/* Sizes for the smaller menu */
			header.small{ 
				height: 10vw; 
				background: rgba(136,124,105, 0.3);
			}

			header.small img{ 
				width: 60%; 
				height: 100%;
			}
			header.small ul{
				width:35vw;
	
			}

			header.small li{ 
				
			}
#content-logo{
	width:20%;
	margin:5% auto;
}
#maincontent{
	width:80%;
	margin: 0 auto;
	text-align:center;
	padding-bottom:5%;
}
#privacy{
	width:80%;
	margin: 0 auto;
	padding-bottom:5%;
}
#navLinks{
	height:auto;
	width:80%;
	margin:0;
	padding:0;
	display: flex;
	justify-content: right;
	align-items: center;
	font-size:1.2vw;
	}
	

#navLinks a{
	text-decoration:none;
	color:#726659;
	list-style-type:none;
	padding: 0 0 0 4%;
}
#navLinks a:link{
	color:#726659;
}
#navLinks a:visited{
	color:#726659;
}

#tagLine{
	width:100%;
	height: 12vh;
	background: rgba(114,102,89, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
  bottom: 10%;
  z-index:0;
}
#tagLineThanks{
	width:100%;
	height: 25vh;
	background: rgba(114,102,89, 0.7);
	margin-top:35vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}

#bodyWrapper{
	width:100%;
	height:100vh;
	background-image:url(images/ucimage.jpg);
	background-repeat:no-repeat;
  	background-size: cover;
  	background-position:center;
}
#bodyWrappermain{
	width:80%;
	height:auto;
	margin: 0 auto;
	padding-bottom: 5%;
}
#flexcontainer{
	width:100%;
    height:auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
#constructionBlurb{
	width:20%;
	height:auto;
	margin:0 auto;
	padding:0;
}
#logoblock{
	width:100%;
	height:auto;
	margin:0;
	padding:20% 0 0 0;
	
}
#mainCol{
	width:50%;
	height:100%;
	
}
#contact{
	width:100%;
	height:auto;
	padding-top:5%;
}
#contactWrapper{
	width:80%;
	height:auto;
	margin:0 auto;
}
#contactForm{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: left;
	padding-top: 10%;
	padding-bottom:10%;
    height:auto;
	flex-wrap: wrap;
}

#halfcol{
	width:47%;
}


#halfcol input {
	width:93%;
	padding:3%;
	margin-bottom:8%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	border:thin solid #CCC;
	
}
#halfcol textarea {
	width:93%;
	padding:3%;
	margin-bottom:8%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	border:thin solid #CCC;
	
}
#halfcol input[type="submit"] {
	width:100%;
	background-color:#726659;
	border:none;
	color:#FFFFFF;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	cursor: pointer;
	
}
#footer{
	width:100%;
	height:auto;
	background-color:#887c69;
	padding:5% 0;
	
	
	
}
#footerflex{
	margin:0 auto;
	width:80%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	
}
#footerflexitem{
	width:50%;
}
#footerlogo{
	width:20%;
}
#socialmediaflex{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: right;
}
#socialmediaitem{
	width:8%;
	padding: 0 2%;
}
#gallery{
	width:100%;
	padding:10% 0;
	margin:0 auto;
}
#galleryitem1{
	width:60%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: space-around;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
#galleryitem2{
	width:28.7%;
}
#galleryname{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	letter-spacing:2rem;
	font-size:4vw;
	color:#FFF;
	width:100%;
	text-align:center;
	background: rgba(136,124,105, 0.7);
}
#galleryname2{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	letter-spacing:1.5rem;
	font-size:3vw;
	color:#FFF;
	width:100%;
	text-align:center;
	background: rgba(136,124,105, 0.7);
	padding:2% 0;
}
#homename{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	letter-spacing:2rem;
	font-size:4vw;
	color:#FFF;
	width:50%;
	text-align:center;
	border:3px solid #FFF;
	margin:0 auto;
}
#developent_homegal{
				width:100%;
				height:100%;
				margin:0;
				padding:5% 0;
				display:flex;
				flex-direction: row;
				justify-content:space-around;
				align-content: space-around;
				flex-wrap: wrap;
			}
			#developent_homegalmobi{
				display:none;
			}
			#development_homegal_img{
				width:100%;
				height:auto;
				display:block;
				margin:0;
				padding:0;
			}
			#homegal_div1{
	width:60%;
	display:flex;
				flex-direction: row;
				align-items: top;
				flex-wrap: wrap;
}
#homegal_div1_img{
	width:66%;
}

#homegal_div1_content{
	width:20%;
	text-align:center;
	padding: 2% 4%;
}
#galwrapper{
	width:30%;
	padding-bottom:5%;
}
#galtab{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content:center;
	width:100%;
	height:10vh;
	background-color:#887c69;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'rawengulkbold', Arial, sans-serif;
}
#galtab a:link{
	color:#FFF;
	size:4vw;
	text-transform:uppercase;
	text-decoration:none;
}
#galtab a:visited{
	color:#FFF;
	size:4vw;
	text-transform:uppercase;
	text-decoration:none;
}
	
@media (max-width: 600px) {
    body {
        background-image:url(images/ucimagemobile.jpg);
    }
	#constructionBlurb{
	width:60%;
	}
	p{
	font-size:3vw;
	}
	h1{
	font-size:3.5vw;
	}
	#halfcol{
	width:100%;
	text-align:center;
	padding-bottom:5%;
}
#logo{
	width:40%;
	height: auto;
	padding:2%;
}
#mainCol{
	width:100%;
	text-align:left;
	padding-bottom:2%;
	
}
#banner{
	background-image:url(images/banner_mobile.jpg);
}
#banner2{
	background-image:url(images/banner_mobile2.jpg);
}
#banner3{
	background-image:url(images/banner_mobile3.jpg);
}
#banner4{
	background-image:url(images/banner_mobile4.jpg);
}
#banner5{
	background-image:url(images/banner_mobilecontact.jpg);
}

#navBar{
	width:100%;
}
	
	
	.tagline{
	font-size:4.5vw;
}
#halfcol input {
	font-size:2vw;
		
	
}
#halfcol input[type="submit"] {
	font-size:2vw;
}

#halfcol textarea {
	font-size:2vw;
		
	
}
.contactHspacing{
	text-align:center;
	padding:20% 0 0 0;
	font-size:4.5vw;
}
#tagLine{
	margin-top:55vh;
}


#logoContainer{
	position:fixed;
	top:4vh;
	left:10vw;
	width:20%;
	display: flex;
	justify-content: left;
	align-items: left;
}

header.large{
				height: 22vw;
			}

			header.large img{
				width: 100%;
				height: 100%;
			}
			header.large ul{
				width:35vw;
	
			}

			header.large li{
	
			}
			


			/* Sizes for the smaller menu */
			header.small{ 
				height: 25vw; 
				background: rgba(136,124,105, 0.7);
			}

			header.small img{ 
				width: 80%; 
				height: 100%;
			}
			header.small ul{
				width:35vw;
	
			}

			header.small li{ 
				
			}
			#galleryname{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	letter-spacing:1rem;
	font-size:4vw;
	color:#FFF;
	width:100%;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
}
#galleryitem1{
	width:100%;
}
#galleryitem2{
	width:100%;
}
.galimgsize{
		width:48%;
		height:48%;
		padding-right:2%;
		padding-bottom:3%;
	}
.galimgsize3{
		width:98%;
		padding-top:1%;
	}
	.homegal_image{
		width:100%;
	}
	#developent_homegal{
		height:auto;
	}
	#galwrapper{
	width:100%;
}
.image__overlay{
	display:none;
}
#footerlogo{
	width:40%;
}
#socialmediaitem{
	width:20%;
	padding: 0 2%;
}
.footerp{
		font-size:1.5vw;
		
	}
	#homename{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	letter-spacing:1rem;
	font-size:4vw;
	color:#FFF;
	width:60%;
	text-align:center;
	border:3px solid #FFF;
	margin:0 auto;
	padding:0;
}
#flexcontainer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
.projectcontainer{
	width:80%;
	padding:2%;
}
.projecttab a{
		font-size:4.5vw;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		text-align:center;
		font-family: 'simplificasimplifica', Arial, sans-serif;
	
	}
#content-logo{
	width:40%;
}
	
}