@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	min-width: 0;
}
.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}


header {
	width: 100%;
	text-align: center;
	padding: 0.5em 0 0 0;
	background-color: rgba(255, 255, 255, 1);

}

article {
	margin-bottom: 2em;
}
.color1 {
	background-color: #EDEDED;
	padding-bottom: 2em;
	padding-top: 0.5em;
}
h1 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #121212;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.10em;
	font-weight: 400;

}
h2 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #121212;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	letter-spacing: 0.10em;
	padding: 2.25em 0 0 0;
}
h3 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #121212;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.10em;
	font-weight: 200;
}

h4 {
	margin-bottom: 1em;
    color: #121212;
}
p {
	color: #121212;
	letter-spacing: 0.10em;
}
.mb-05 {
	margin-bottom: 0.5em;
}

img {
	display: block;
	max-width: 100%;
	padding: 1em;
}
.boxImg {
	max-width: 100%;
	padding: 3em 0 1em 0;
	margin: 0 auto;
	display: block;
}

.centerText {
	text-align: center;
	width: 100%;
	margin: 0 auto 0.5em;
	display: block;
	letter-spacing: 0.10em;
}
.centerImg {
	display: block;
	margin: 0 auto;
	max-width: 99%;
}
.clear {
	clear: both;
}
.star {
	float: left;
	padding: 0.6em 0 0 0.5em;
}
.textBlock {
	padding: 0.25em 0.25em 0.25em 0.25em;
	font-size: 1.1em;
	width: 100%;
	display: block;
	margin: 0 auto;
	font-weight: 300;
}
figcaption {
	padding: 0 1em 1em 1em;
	margin-top: 0.25em;
	text-align: center;
}
figcaption h3 {
	font-size: 1.1em;
	color: #833726;
}
a:focus {
	outline: none;
}
input:focus {
	background-color: #ededed;
}
.mt-m1 {
		margin-top: -1em;
	}

.fs-1-5 {
	font-size: 1.5em;
}
.fontW-400 {
	font-weight: 200;
}

li {
	font-size: 1.2em;
	margin-bottom: 0.5em;
	font-weight: 200;
}
#listItem {
		padding-left: 2em;
	color: #121212;
}
#listItem li{
	list-style-image: url("/_images/bullet.png");
font-weight: 200;
}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#833726;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
		z-index: 2000;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
		
}
#scroll:hover {
    background-color: #121212;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.textLink:link{
		color: #000000;
	text-decoration: none;
	}
	.textLink:visited {
		color: #000000;
	}
	.textLink:hover {
		color: #833726;
		text-decoration: underline;
	}
	.textLink:active {
		color: #833726;
	}
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #FFFFFF;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
footer h3 {
	margin: 0.5em auto 0;
}
footer a:link {
	text-decoration: none;
	color: #121212;
}
footer a:visited {
	color: #121212;
}
footer a:hover {
	color: #833726;
	text-decoration: underline;
}
footer a:active {
	color: #833726;
	text-decoration: underline;
}
@media screen and (min-width:320px) {
	.hero h1 {
  font-size: 3em;
  line-height: 1.3;
	color: #ffffff;
}
	.hero h1 span {
  font-size: 0.5em;
  color: #833726;
  padding-bottom: 12px;
  line-height: 1;
		
}
	.logo {
		margin-top: -0.5em;
	}
	nav ul li {
		display: block;
	}
	#one, #two, #three, #four {

	}
:focus {
	outline: none;
}
.col {
	max-width: 100%;
	width: 100%;

}
	.col-md-oneThird {
        float: left;
	}
	
h1 {
	font-size: 3em;
	padding: 1.5em 0 0.25em 0;
	margin-top: -1em
	
}
h2 {
	font-size: 2em;
}
	h3 {
		font-size: 1.5em;
	}
h3 a {
	font-size: 1.5em;
}
	h4 a{
		font-size: 1.1em;
		font-weight: 400;
		
	}
	h4 {
		font-weight: 300;
		padding-bottom: 1.10em;
	}
p {
	font-size: 1.1em;
}
	nav ul li a {
	}
.textBlock {
	padding: 0.25em 1em 0.25em 1em;
	letter-spacing: 0.10em;
	font-size: 1.1em;
	width: 100%;
	display: block;
	margin: 0 auto;
	font-weight: 300;
}
.portrait {
	max-width: 80%;
	display: block;
	margin: 0 auto;
	-webkit-box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
-moz-box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
	}
	.box {
		max-width: 17em;
	height: 17em;
	background-color: #fff;
	margin: 0.5em auto 1em auto;
	display: block;
		position: relative;
}
	.button-sect {
		
	}
	.port-but {
	text-decoration: none;
		letter-spacing: 0.10em;
	padding: 0.75em 0.25em;
	border: 1px #494949 solid;
	text-align: center;
	display: block;
	margin: 1em auto 0 auto;
		width: 50%;
		border-radius: .25em;
		-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
		color: #121212;	
		
	}
	.box:hover {
	-webkit-box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
-moz-box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
		-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
	.box-portfolio:hover {
		-webkit-box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
-moz-box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
box-shadow: 0px 16px 29px 3px rgba(163,163,163,1);
		-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	}
	.port-but a:link, figcaption a:link, .top-but a:link {
	color: #121212;
		text-decoration: none;
	}
	
	.port-but:visited{
	}
	.port-but:active {
		color: #fff;
		background-color: #833726;
	}
	.button-sect .port-but:hover, .top-but:hover {
		color: #fff;
		background-color: #833726;
	}
	.top-but a:active {
		color: #121212;
	}
	figure {
		margin-bottom: 0em;
	}
	figcaption a:hover {
		color: #833726;
		
	}
	.port-but:active {
		color: #fff;
		background-color: #833726;
	}
	.port-but:focus {
		color: #fff;
		background-color: #833726;
	}
.top-but {
		display: none;
	}
	.mt-m1-25
{
		margin-top: -1.50em;
	}
}
@media only screen and (min-width : 480px) {
h1 {
	font-size: 3em;
	padding: 1.5em 0 0.25em 0;
	margin-top: -1em
	
}
h2 {
	font-size: 2em;
}
h3 a {
	font-size: 1em;
}
	h4 a {
		font-size: 1.2em;
	}
	p.textBlock {
		padding-left: 0.5em;
	}
#test {
	
	}
.col {
	max-width: 100%;
	width: 100%;
}

.portrait {
	max-width: 50%;
	display: block;
	margin: 0 auto;
	}
	.port-but {
	margin: 1em auto 0 auto;
	
		display: block;
}
	.top-but {
		display: none;
	}
	
footer p {
	padding: 0.5em 0;
	letter-spacing: 0.05em;
}
}
@media only screen and (min-width : 768px) {
	header {
		height: 11em;
	}
	.logo {
		margin-top: -0.15em;
		width: 100px;
	}
	.hero h1 {
  font-size: 5em;
  line-height: 1.3;
	color: #ffffff;
}
	nav ul li {
		display: inline;
	}
h1 {
	padding: 0.25em;
	font-size: 4em;
	margin-top: 0em;
}
h2 {
	font-size: 1.8em;
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
}
	p.textBlock {
		width: 90%;
	}
	.col {
		width: 100%;
	}
	.col-md-oneForth {
		float: left;
		width: 25%;
	}
.col-md-oneThird {
	float: left;
	width: 33.333%;
}
.col-md-oneHalf {
	float: left;
	width: 50%;
}
.col-md-twoThird {
	float: left;
	width: 66.666%;
	}
.portrait {
	
	}
#test {
		
	}
.portrait {
		max-width: 100%;
		display: block;
	margin-top: 8em;
	}
	.color1 {
	background-color: #EDEDED;
}
	.box {
		
	margin: 1em auto;
	display: block;	
		padding: 0 1em;
}
	.port-but {
	margin: 1em auto 0 auto;
	width: 70%;
		display: block;
	}
	.top-but {
	text-decoration: none;
		letter-spacing: 0.10em;
	padding: 0.75em 0.25em;
	border: 1px #494949 solid;
	text-align: center;
	display: block;
	margin: 0.5em auto 0 auto;
		width: 30%;
		border-radius: .25em;
		-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
		color: #121212;
	}
}
@media only screen and (min-width : 1024px ){

	
main {
	
}
	.row {
		max-width: 100%;
	display: block;
	margin: auto;
	overflow: hidden;
	}
h1 {
	font-size: 5em;
}
h2 {
	font-size: 2.5em;
	margin-top: 0;
	padding: 2.5em 0 0 0;
}
h3 {
	font-size: 1.6em;
}
	ul {
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	nav ul li {
	padding-top: 0.5em;
	}
	nav ul a {
    font-size: 16px;
    margin-right: 2em;
}
	.formBox {
		width: 96%;
		display: block;
		margin: 0 auto;
	}
#test {
	
	}
.box {
	width: 300px;
	height: 19em;
}
	
.col-md-oneThird {
	float: left;
	width: 33.333%;
}
	
.col-md-twoThird {
	float: left;
	width: 66.666%;
	}
   
.textBlock {
	padding: 0.25em 0 0.25em 0;
	margin: auto;
	font-size: 1.1em;
	font-weight: 200;
}
	.captionBlock {
		width: 70%;
		text-align: left;
	}
	.portrait {
	margin-top: 4em;
		max-width: 260px;
	}
	.button-sect {
		width: 100%;
		display: block;
		margin: -3em auto;
	}
	.port-but {
	margin: 4em auto 0 auto;
	width: 80%;
		display: block;
}
	.top-but {
		width: 25%;
	}
	.mt-m1-25{
		margin-top: -1.35em;
	}
	}
@media only screen and (min-width : 1440px) {
main {
	
}
	.row {
		max-width: 90%;
	display: block;
	margin: auto;
	overflow: hidden;
	}
h1 {
	font-size: 6em;
	padding-top: 0.5em;
	padding-bottom: 0;
}
h2 {
	padding: 1.5em 0 0 0;
	max-width: 70%;
	font-size: 2.5em;
}
#test {
	
	}
.textBlock {
	font-size: 1.2em;
}
	.captionBlock {
		width: 70%;
	}
	.col-md-oneThird {
	float: left;
	width: 33.333%;
}
.col-md-twoThird {
	float: left;
	width: 66.666%;
	}
.col {
	float: left;
}
	.portrait {
	margin-top: 5em;
		max-width: 300px;
	}
	.port-but {
	width: 70%;
}
	.button-sect {
		width: 95%;
		display: block;
		margin: -3em auto;
	}
	.top-but {
		width: 20%;
	}
	.mt-m1 {
		margin-top: -1em;
	}
	#portfolio {
		position: absolute;
		top: 500px;
	}
	#services {
		position: absolute;
		top: 500px;
	}
	figcaption h3 {
	font-size: 1.2em;
}
}

@media only screen and (min-width : 1824px) {
main {
	}
	.row {
		max-width: 80%;
	display: block;
	margin: auto;
	overflow: hidden;
	}
h1 {
	font-size: 6em;
}
h2 {
 font-size: 3em;}

.col-md-oneThird {
	float: left;
	width: 33.333%;
}
.col-md-twoThird {
	float: left;
	width: 66.666%;
	}
.col {
   float: left;
}
	#portfolio {
		position: absolute;
		top: 500px;
	}
	#services {
		position: absolute;
		top: 500px;
	}
	.port-but {
	width: 60%;
}
}