article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after {
			    visibility: hidden;
			    display: block;
			    font-size: 0;
			    content: " ";
			    clear: both;
			    height: 0;
			    }



/* First we do all of our regular CSS for the basics and desktop site */
body {
	/*see style3.css for all info*/
}
/* Then we use media queries for targeting other resolutions */


/*Portrai tablet and smaller laptops*/

@media (max-width: 1700px) {
	.header {
		height: 230px;
	}
}

@media (max-width: 1600px) {
	.header {
		height: 214px;
	}
}

@media (max-width: 1500px) {
	.logo {
		width: 24%;
	}
	.nav {
		margin-top: -3px;
	}
}



/* Portrait tablet and small desktops */
@media (max-width: 1300px) {
	
	.header {
		height: 200px;
	}

	.wavesLogo {
		top: 29%;
	}

	.nav {
		margin-top: -6px;
	}

	body {
		background:white;
	}

	.project{
	width: 33.3333%;
	}

	.myText{
		width: 100%;
	}

	.myEmail{
		width: 100%;
	}

	.restorationWrapper {
		margin-top: 20%;
	}
	
}

/*Portrait tablet and small laptops*/

@media (max-width: 1200px) {

	.header {
		height: 200px;
	}

	.wavesLogo {
		top: 32%;
	}

	.nav {
		margin-top: 8px;
	}

	.featureWrapper {
		margin: 20% auto 0;
	}
}

/*Portrait table and small laptops continued*/

@media (max-width: 1000px) {

	.header {
		height: 168px;
	}

	.logo {
		padding-top: 10px;
		width: 26%;
	}

	.wavesLogo {
		top: 26%;
	}

	.nav {
		margin-top: 0px;
	}

}

/*Portrait table and small laptops continued*/

@media (max-width: 900px) {
	.restorationWrapper {
		width: 800px;
		margin-top: 22%;
	}

	.featureWrapper {
	 	width: 800px;
	 	margin: 22% auto 0;
 }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 860px) {

	.nav {
		margin-top: -15px;
	}

	.logo {
		width: 28%;
	}

	.wavesLogo {
		top: 28%;
	}

	.header {
		height: 140px;
	}

	body {
		background:white;
	}


	.project{
		width: 50%;
	}

	.myText{
		width: 100%;
	}

	.myEmail{
		width: 100%;
	}

	.elsewhere{
		font-size: 12px;
		padding-top: 65px;
		padding-left: 15px;
	}

	.longSlider{
		margin-top: 40px;
		
	}


	.details{
		width: 100%;
		padding-top: 0px;
	}

	.details ul{
		margin-top: 25px;
	}

	.flexslider{
		width: 100%;
		margin-bottom: 0;
		clear:both;

	}

	.content {
		margin-top: 160px;
	}

		
}
 

  /* Landscape phone to portrait tablet */
 @media (max-width: 800px) {

	.featureWrapper {
		width: 700px;
	}

 }

 /* Landscape phone to portrait tablet */
 @media (max-width: 765px) {
 
 	.header {
 		height: 128px;
 	}

	.logo {
		width: 33%;
	}

	.wavesLogo {
		top: 36%;
	}

	.nav {
		margin-top: -30px;
	}

	.nav li {
		font-size: 12px;
	}

 	body {
 		background:white;
 	}


 	.project{
 		width: 50%;
 	}

 	.elsewhere{
 		font-size: 12px;
 		padding-top: 65px;
 		padding-left: 15px;
 	}

 		.about{
 			width: 100%;
 			padding: 10px;
 			
 		}

 		.about h1{
 			text-align: center;
 		}

 		.headshot img{
 			width: 35%;
 			float: left;
 			margin-right: 15px;
 			margin-bottom: 0.5px;
 			margin-left: 12px;
 			margin-top: 20px;
 		}

 		.headshot p {
 			font-size: 16px;
 			/*color: white;*/
 			line-height: 2.1;
 			font-weight: 300;
 			letter-spacing: 0px;
 			padding: 12px;
 			margin-bottom: 0;
 			text-align: justify;
 			
 		}

 	 	.contact{
 	 		width: 100%;
 	 		padding: 5px;
 	 		clear:both;
 	 	}

 		.contact h1{
 			text-align: center;
 		}

 		.myText{
 			width: 100%;
 		}

 		.myEmail{
 			width: 100%;
 		}

 		.longSlider{
 			margin-top: 40px;
 			
 		}


 		.details{
 			width: 100%;
 			padding-top: 0px;
 		}

 		.details ul{
 			margin-top: 10px;
 		}

 		.flexslider{
 			width: 100%;
 			clear:both;

 		}

 		.restorationWrapper {
 			width: 705px;
 		}

 		
 }


  /* Landscape phone to portrait tablet continued */
 @media (max-width: 700px) {
 	/*.nav {
 		margin-top: 27px;
 	
 }*/

 	.nav li a {
 		padding: 14px;
 	}

 	.restorationWrapper {
 		width: 600px;
 	}

 	.restorationText {
 		font-size: 12px;
 		/*width: 40%;*/
 		padding: 12px;
 	}

 	.restorationText h1 {
 		font-size: 18px;
 	}

 	.featureWrapper {
		width: 600px;
	}

	.featureText h1 {
		font-size: 16px;
	}

}

  /* Landscape phone to portrait tablet continued */
 @media (max-width: 600px) {
 /*	.nav {
 		margin-top: 20px;
 	}*/

 	.header {
 		height: 124px;
 	}

 	.logo {
 		width: 42%;
 	}

 	.wavesLogo {
 		top: 39%;
 	}

 	.nav {
 		margin-top: -34px;
 	}

 	.nav li a {
 		padding: 8px;
 	}

 	.restorationWrapper {
 		width: 100%;
 		margin-top: 30%;
 	}

 	.restorationText {
 		padding: 10px;
 		width: 100%;
 		left: 0%;
 		color: black;
 		background: white;
 	}

 	.restorationText h1 {
 		font-size: 16px;
 		color: black;
 		border-bottom: 1px solid rgb(11,96,155);

 	}

 	.restorationPhoto {
 		margin-top: 2%;
 	}

 	.featureWrapper {
		width: 500px;
		margin: 26% auto 0;
	}


 }

   /* Landscape phone to portrait tablet continued */
 @media (max-width: 500px) {
 	.wavesLogo {
 		top: 44%;
 	}

 	.header {
 		/*height: 191px;*/
 		box-shadow: none;
 	}

 	/*.nav {
 		margin-top: 35px;
 	}*/
 	.logo {
 		width: 50%;
 	}

 	.nav li {
 		font-size: 10px;
 	}

 	 .restorationPhoto img {
 		width: 500px;
 	}

 	.featureWrapper {
		width: 400px;
 		margin: 28% auto 0;
 	}

 	.featureText h1 {
 		font-size: 14px;
 	}

 	.featureText {
 		font-size: 14px;
 	}
 }


/* Landscape phones and down */
@media (max-width: 470px)  {
	body {
		background:white;
	}

	.nav li a {
		padding: 4px;
	}

	.project{
		width: 100%;
		
	}


	.elsewhere{
		font-size: 12px;
		padding-top: 65px;
		padding-left: 15px;
	}

	.content{
	
		margin-top:0px;
	}

/*	ul.nav{
		font-size: 10px;
		margin-top: 50px;

	}*/
	
	.longSlider{
		margin-top: 40px;
		
	}

	.about {
		margin-top: 28%;
	}

	.details{
		width: 100%;
		padding-top: 0px;
	}

	.details ul{
		margin-top: 10px;
	}

	.flexslider{
		width: 100%;
		clear:both;

	}

	.about{
		width: 100%;
		padding: 10px;
		
	}

	.about h1{
		text-align: center;
	}

	.headshot img{
		width: 28%;
		line-height: 0;
		float: left;
		margin-right: 15px;
		margin-left: 12px;
		margin-top: 20px;
	}

	.headshot p {
		font-size: 14px;
		/*color: white;*/
		line-height: 1.5;
		font-weight: 300;
		padding: 12px;
		margin-bottom: 0;
		text-align: justify;
		
	}

 	.contact{
 		width: 100%;
 		padding: 5px;
 		clear:both;
 	}

 	.contact p{
 		font-size: 14px;
 	}

	.contact h1{
		text-align: center;
	}

	.myText{
		width: 100%;
	}

	.myEmail{
		width: 100%;
	}

	.flexslider .slides img {
		width: 85%;
		display: block;
		margin: 0 auto;
	}

	.flex-direction-nav a:before {

		font-size: 35px
	}

	.restorationPhoto {
		margin-top: 1%;
	}
 	.restorationPhoto img {
 		width: 470px;
 	}

}


/* Landscape phones and down continued */
@media (max-width: 400px)  {
	.nav li a {
		padding: 2px;
	}
	.header {
		height: 108px;
		position: relative;
	}

/*	.slider {
		height: 300px;
	}*/


	.restorationWrapper {
		margin-top: 4%;
	}

	 .restorationPhoto img {
 		width: 400px;
 	}

 	.featureWrapper {
 		margin: 4% auto 0;
 		width: 340px;
 	}

 	.about {
 		margin-top: 4%;
 	}

 	.about h1 {
 		font-size: 16px;
 	}

 	.contact h1 {
 		font-size: 16px;
 	}


}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
    /* styles go here */
    body {
		
    }

/*    .header{
    	position: relative;
    	padding:0;
    	margin: 0;
    	height: 120px;
    }

    .logo{
    	float: left;
    	width:15%;
    	padding-left: 10px;
    	padding-top: 10px;
    	
    }*/

    .content{
    	margin-top: 0;
    }

    .project{
    	width: 33.33%
    }

/*    ul.nav{
    	float: right;
    	padding-top: 50px;

    }*/

    .flexslider{
    	width: 60%;
    	font-size: 12px;
    }

    .details{
    	width:40%;
    }
	.details a{
		font-size: 10px;

	}
    .flex-direction-nav a:before, a:after{
    font-size: 37px;


	}
        
}


@media only screen and (min-width: 320px) and (max-width: 375px) {

	.nav li a {
		padding: 1px;
	}

	.header {
		height: 100px;
	}
/*
	.wavesLogo {
		top: 26%;
	}*/

/*	.nav {
		margin-top: 32px;
	}*/

	.nav li {
		font-size: 9px;
	}

	.restorationPhoto {
		margin-top: 1%;
	}

	.restorationPhoto img {
		width: 375px;
	}

	.restorationText h1 {
		font-size: 12px;
	}
}