/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:.3em;line-height:0;position:relative;vertical-align:baseline;text-transform:uppercase}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body {
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-size: 1rem;
	line-height: 1.3;
  color: #1a1a1c;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	float: none;
	margin: 0 auto;
	position: relative;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.page-wrap {
}

.center-blk {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}

.row {
	width: 100%;
	clear: both;
	float: left;
	position: relative;
}

a {
  color: inherit;
  text-decoration: underline;
}
  a:hover {
    text-decoration: none;
  }

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

h1 {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto 1.7em;
}
  h1 img {
  	width: 100%;
  }
  h1 span {
  	display: none;
  }

h2 {
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1em;
}

p {
  font-size: 16px;
	line-height: 1.5;
	margin: 0 0 1.5em;
	-moz-font-feature-settings:    "kern" 1;
  -ms-font-feature-settings:     "kern" 1;
  -o-font-feature-settings:      "kern" 1;
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings:         "kern" 1;
  font-kerning: normal;
	letter-spacing: 0.015em;
  word-spacing: 0.001em;
}
  @media screen and (min-width: 600px) {
    p {
      font-size: 17px;
      line-height: 1.8;
    }
  }

.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

header.site-header {
  position: absolute;
  z-index: 100;
  top:0;
  width: 100%;
  left: 0;
}

  header.site-header .center-blk {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    overflow: hidden;
    padding: 15px 0px 10px;
  }
	header.site-header.solid-header .center-blk {
		padding: 7px 0 5px;
		border-color: transparent;
	}
	@media screen and (min-width: 700px) {
	  header.site-header .row {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	  }
	}
  header.site-header h1 {
    display: block;
    float: left;
    margin: 0;
    width: auto;
  }
  header.site-header h1 img.logo {
    width: 100%;
    max-width: 350px;
  }
	header.site-header.solid-header h1 img.logo {
		display: none;
	}
	header.site-header h1 img.monogram {
    width: 40px;
		display: none;
  }
	header.site-header.solid-header h1 img.monogram {
		display: block;
	}
	@media screen and (max-width: 699px) {
	  header.site-header nav {
			width: 100%;
			float: left;
			margin: 10px 0;
	  }
	}
  header.site-header nav a {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    margin-right: 20px;
  }
	@media screen and (min-width: 700px) {
		header.site-header nav a {
			margin-left: 5vw;
	  }
		header.site-header.solid-header {
			background: #1a2428;
			position: fixed;
		}
	}

.row a.li-icon {
  text-decoration: none;
}
  .row a.li-icon img {
    width: 18px;
  }
  .row a.li-icon:hover {
    opacity: 0.4;
  }

section:not(.hero-banner) {
  padding: 40px 0;
}
  @media screen and (min-width: 600px) {
    section:not(.hero-banner) {
      padding: 15vh 0;
    }
  }

section.hero-banner {
  height: 100vh;
  min-height: 540px;
  background: #000 url(../img/hero_image.jpg) no-repeat 80% center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  color: #FFF;
  position: relative;
}

  section.hero-banner .center-blk {
    padding-bottom: 30px;
		z-index: 10;
		position: relative;
  }
	@media screen and (min-height: 820px) {
		section.hero-banner .center-blk {
	    padding-bottom: 25vh;
	  }
	  section.hero-banner .center-blk:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 3px;
	    height: calc(13vh - 25px);
	    border-left: 1px solid #FFF;
	  }
	}
  section.hero-banner h2 {
    margin: 0;
    font-size: 1.4em;
    line-height: 1.1;
  }
  section.hero-banner h2 br {
    display: none;
  }
  @media screen and (min-width: 970px) {
    section.hero-banner h2 {
      font-size: 3.5em;
    }
  }
	@media screen and (min-width: 771px) and (max-width: 969px) {
		section.hero-banner h2 {
			font-size: 2.5em;
		}
	}
	@media screen and (min-width: 770px) {
    section.hero-banner h2 br {
      display: inline;
    }
  }
  section.hero-banner p {
    margin: 1em 0 0;
  }
	section.hero-banner .bg-shadow {
		position: absolute;
	  width: 120%;
	  height: 60%;
	  left: -30%;
	  bottom: -30%;
	  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 70%);
	  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 70%);
	  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75) 0%,rgba(0,0,0,0) 70%)
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	}



section#about {
  background: #ebe1e9;
}

section.text-section {

}
  section.text-section h2 {
    font-size: 2em;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 0.7em;
    line-height: 1;
    padding: 0.3em 0 0.4em;
    display: inline-block;
    width: auto;
  }
  @media screen and (min-width: 700px) {
    section.text-section h2 {
      font-size: 5em;
    }
  }
  section.text-section .center-blk {
    max-width: 945px;
  }
  section.text-section .right-align {
    float: right;
    max-width: 700px;
    width: 100%;
  }
  @media screen and (min-width: 780px) {
    section.text-section .right-align {
      min-width: 700px;
    }
  }

section#contact {
  background: #f6f6f6;
}

.contact-profile {
  float: left;
}
  .contact-profile h3 {
    font-size: 1.5em;
    margin-bottom: 0.2em;
  }
  @media screen and (min-width: 600px) {
    .contact-profile h3 {
      font-size: 2em;
    }
  }
  .contact-profile p {
    margin: 0 0 2em;
  }
  .contact-profile p.contact-row {
    margin: 0;
  }
  .contact-profile p.contact-row.email {
    margin-bottom: 1.5em;
  }
  .contact-profile p.contact-row strong {
    display: inline-block;
    min-width: 75px;
  }
  .contact-profile p.contact-row span {
    display: inline-block;
  }


footer.site-footer {
  background: #1a2428;
  color: #FFF;
  padding: 40px 0;
}
  footer.site-footer img {
    max-width: 300px;
		width: 100%;
  }
	footer.site-footer p {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.5;
    word-spacing: normal;
    margin: 20px 0 0;
  }
	@media screen and (min-width: 800px) {
		footer.site-footer p {
			text-align: right;
			margin: 0;
		}
	  footer.site-footer .center-blk .row {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	  }
	}