/* RESETS */
html,button,input,select,textarea {color: #222;}
body {font-size: 1em; line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse;border-spacing:0;}
fieldset,img { margin:0; padding:0; border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* COMMON */
html{background:#fff}
body{color:#49504F; font-family:articulat-cf, sans-serif; font-weight: 500;  -webkit-font-smoothing:antialiased}
a, a img, a:hover, a:hover img, .animate{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out;-o-transition: all .3s ease-out; transition: all .3s ease-out; text-decoration: none;}
a.quick, a.quick img, a.quick:hover, a.quick:hover img, .animate:hover{ -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;-o-transition: all .2s ease-out; transition: all .2s ease-out;}
img.imageScale{max-width:100%;}
div.wrapper{position:relative; margin:0 auto;}

div.container{width:90%; margin:0 auto;}
span.circleDot{display:inline-block; height:8px; width:8px; background:#93C0B8; border-radius:100px; margin:0 10px 0 0; vertical-align:middle; }
p.standard{font-size:112.5%; line-height:140%; color:#49504F}
span.sup{ vertical-align: 75%; line-height: 5px;
 font-size:11px;}
h4{font-size: 125%; line-height:125%; font-weight: 700; letter-spacing: -.5px; color:#303635; margin:0 0 8px 0}
h5{font-size: 116%; line-height:125%; font-weight: 600; letter-spacing: -.5px; color:#63807B; margin:0 0 16px 0}
a.primaryGreenButton{display:inline-block; color: #fff; background:#63807B; padding:0 32px; height: 54px; font-size:112.5%; line-height:54px; font-weight:700; border-radius: 100px; border:2px solid #fff }
a.primaryGreenButton:hover{color:#fff; background:#4E6561; border:2px solid #fff}

/* NAV */
div.nav{position:absolute; top:0px; width:100%; z-index:100; border-top:6px solid #93C0B8; background:transparent}
body.subpage div.nav{background: no-repeat top center url("../img/hero_background.png") #63807B; background-size: cover;}
div.nav div.container{position: relative; height:148px; margin:0 auto; width:90%; display: flex; justify-content:space-between; align-items:center; }
div.nav div.logo{vertical-align: middle; width:300px;}
div.nav ul.navLinks{}
div.nav ul.navLinks li{display: inline; margin:0 0 0 28px; }
div.nav ul.navLinks li a{font-size:112.5%; font-weight:700; color: #fff; padding:2px 0; display:inline-block; border-bottom:2px solid rgba(147, 192, 184, 0)}
div.nav ul.navLinks li a:hover{color: #fff; border-bottom:2px solid rgba(147, 192, 184, 1)}
div.nav ul.navLinks li a.active{border-bottom:2px solid rgba(147, 192, 184, 1)}
div.nav ul.navLinks li a.active:hover{}

/* FOOTER */
div.footer{padding:40px 0}
div.footer div.footerContent{text-align:center;}
div.footer ul.footerLinks{display:inline-block; margin: 0 auto; text-align:center;}
div.footer ul.footerLinks li{display:inline-block; margin:0 10px; color:#303635; vertical-align:middle; align-items: center}
div.footer ul.footerLinks li span.smaller{font-size:80%; color:#6E7876}
div.footer ul.footerLinks li a{display:inline-block; color:#303635; font-weight:700;}
div.footer ul.footerLinks li a:hover{text-decoration:underline; color:#303635}
div.footer ul.footerLinks li a img, div.footer ul.footerLinks li img{padding:0 10px}
div.footer div.bottomText{margin:24px auto 0;}
div.footer p.address{margin:0 auto 4px; color:#6E7876; font-size: 85%; text-align:center;}
div.footer p.copyright{margin:0 auto 0; color:#6E7876; font-size: 65%; text-align:center;}

/* HOME */
div.intro{background: no-repeat top center url("../img/hero_background.png") #63807B; background-size: cover; padding:180px 0 100px 0;}
div.intro div.introContent{width:580px;}
div.intro div.introContent h1{font-size: 400%; line-height:115%; font-weight: 700; letter-spacing: -1px; color:#fff;}
div.intro div.introContent p.introParagraph{font-size: 140%; font-weight: 500; letter-spacing: 0; margin:8px 0 0 0; color:#DDE2E1}
div.intro div.introContent div.buttonContainer{display: flex; column-gap:16px; margin:28px 0 0 0; }
div.intro div.introContent div.buttonContainer a.primaryButton{display:inline-block; color: #303635; background:#fff; padding:0 32px; height: 54px; font-size:112.5%; line-height:54px; font-weight:700; border-radius: 100px; border:2px solid #fff }
div.intro div.introContent div.buttonContainer a.primaryButton:hover{color:#fff; background:#4E6561; border:2px solid #fff}

div.services{padding:100px 0 100px 0; background:#F8F6F2; }
div.servicesContainer{}
div.services div.servicesTitle{width:100%; margin:0 0 32px 0}
div.services div.servicesTitle h2{color:#303635; font-size:250%; font-weight:700; letter-spacing:-.6px; width:75%}
div.services div.servicesContent{display:flex; flex-wrap:wrap; gap: 0px;}
div.services div.servicesContent div.serviceItem{width: 33.3%; margin:0 0 0 0;}
div.services div.servicesContent div.serviceItem h3{margin:0 0 8px 0; color:#303635; font-size:137.5%; font-weight:700; letter-spacing:-.4px; width:90%}
div.services div.servicesContent div.serviceItem p{width:90%}

/* ABOUT */
div.about{background:#F8F6F2; padding:224px 0 100px 0}
div.overviewContainer{width:100%; margin:0; display: inline-flex; gap: 0px;}
div.overviewContent{width:70%; padding:0 0 50px 0; border-bottom:1px solid #DFDDDA}
div.overviewContent p.largeParagraph{font-size:250%; font-weight:700; line-height:125%; color:#303635; margin:0 0 28px 0;}
div.overviewContent p.standard{margin:0 0 24px 0}
div.overviewContent p.standard:last-child{margin:0}
div.vanessaContainer{width:100%; margin:50px 0 0 0; display: inline-flex; gap: 0px; }
div.nancyContainer{width:100%; margin:50px 0 0 0; display: inline-flex; gap: 0px;}
div.subImage{width:30%;}
div.subImage span.imageContainer{display:inline-block; overflow:hidden; border-radius:8px}
div.subTitle{width:30%;}
div.subTitle h3.dotTitle{font-size:127.5%; font-weight:700; color:#303635; }
div.subContent{width:70%;padding:0 0 50px 0; border-bottom:1px solid #DFDDDA}
div.nancyContainer div.subContent{padding:0; border-bottom:0px}
div.subContent h4{margin:0 0 4px 0}
div.subContent p.standard{margin:0 0 24px 0}
div.subContent ul{width:100%; list-style-type: disc; list-style-position: outside; padding:0 0 0 20px; }
div.subContent ul li{margin:0 0 5px 0}
div.subContent ul li p{display:inline}
div.subContent p.standard:last-child{margin:0}

/* CONTACT */
div.contact{background:#F8F6F2; padding:224px 0 100px 0; min-height:500px}
div.consultationContainer{width:100%; margin:0 0 0 0; display: inline-flex; gap: 0px; }
div.contactContainer{width:100%; margin:50px 0 0 0; display: inline-flex; gap: 0px;}
div.contactTitle h2{color:#362521; font-size:250%; font-weight:700; letter-spacing:-.6px; width:75%}
div.contactContainer div.subContent{padding:0; border-bottom:0px}
div.subContent div.contactList{display:flex; flex-direction:column; gap: 20px; margin:0 0 24px 0}
div.subContent div.contactList div.contactItem{display: inline-flex;}
div.subContent div.contactList div.contactItem div.contactLabel{font-size:112.5%; width:120px; line-height:140%; color:#63807B; font-weight:700}
div.subContent div.contactList div.contactItem div.contactInfo{font-size:112.5%; line-height:140%; color:#303635}
div.subContent div.contactList div.contactItem div.contactInfo a{color:#303635; font-weight:700;}
div.subContent div.contactList div.contactItem div.contactInfo a:hover{color:#303635; text-decoration:underline}
div.subContent div.contactList div.contactItem div.contactInfo span.note{font-size:70%; text-transform:uppercase; letter-spacing:1.25px; font-weight:900; color:#63807B}

/* MEDIA QUERIES*/

@media only screen and (max-width : 767px) and (min-width : 320px) {
	/* VIEWPORT: MOBILE */
 	div.container{width:90%;}
	p.standard{font-size:100%;}
	span.circleDot{display:none}
	h4{font-size: 115%; line-height:125%; letter-spacing: -.5px; margin:0 0 8px 0}
    h5{font-size: 110%; line-height:125%; letter-spacing: -.5px; margin:0 0 16px 0}
	
	div.nav div.container{position: relative; height:auto; width:90%;  margin:0 auto; padding:24px 0; display: flex; flex-direction: column; row-gap:16px;}
	div.nav div.logo{vertical-align: middle; width:240px;}
	div.nav ul.navLinks li{display: inline; margin:0 10px; }
	div.nav ul.navLinks li a{font-size:100%; padding:2px 0;}
	div.footer ul.footerLinks li{margin:0 10px;}
	
	/* HOME */
	div.intro{padding:140px 0 60px 0}
	div.intro div.introContent{height:auto; text-align:center; width:100%}
	div.intro div.introContent h1{font-size: 200%;letter-spacing: -1px; text-align:center;}
	div.intro div.introContent p.introParagraph{font-size: 112.5%; margin:8px 0 0 0; text-align:center;}
	div.intro div.introContent div.buttonContainer{display: inline-flex; column-gap:12px; margin:20px auto 0;}
	div.intro div.introContent div.buttonContainer a.primaryButton{padding:0 20px; height: 40px; font-size:100%; line-height:40px;}

	div.services{padding:40px 0 20px 0; }
	div.servicesContainer{display: flex; flex-direction: column; row-gap:24px;}
	div.services div.servicesTitle{width:100%; margin:0px;}
	div.services div.servicesTitle h2{font-size:140%; letter-spacing:-.5px; width:100%}
	div.services div.servicesContent{width:100%;}
	div.services div.servicesContent div.serviceItem{float:left;width:100%; margin:0 0 20px 0}
	div.services div.servicesContent div.serviceItem h3{margin:0 0 4px 0; font-size:100%; letter-spacing:-.3px; width:100%}
	div.services div.servicesContent div.serviceItem p{width:100%}	
	
	/* ABOUT */
	div.about{padding:160px 0 50px 0}
	div.vanessaContainer{width:100%; margin:0 0 40px 0; display: flex; flex-direction: column; row-gap:16px;}
	div.nancyContainer{width:100%; display: flex; flex-direction: column; row-gap:16px;}
	div.subTitle{width:100%;}
	div.subTitle h3.dotTitle{font-size:100%; font-weight:700;}
	div.subImage{width:100%; max-width:180px; margin:0 auto}
	div.subImage span.imageContainer{width:100%; display:inline-block; overflow:hidden; border-radius:8px}
	div.subContent{width:100%; margin:0; padding:0 0 50px 0}
	div.subContent h4{margin:0 0 4px 0; text-align:center;}
	div.subContent h5{margin:0 0 16px 0; text-align:center;}
	a.primaryGreenButton{padding:0 20px; height: 40px; font-size:100%; line-height:40px;}
	div.overviewContainer{width:100%; margin:0 0 50px 0; display: flex; flex-direction: column; row-gap:16px;}
	div.overviewContainer div.subTitle{display:none;}
	div.overviewContent{width:100%}
	div.overviewContent p.largeParagraph{font-size:140%; font-weight:700; line-height:120%;margin:0 0 20px 0;}
	div.overviewContent p.standard{margin:0 0 24px 0}
	div.overviewContent p.standard:last-child{margin:0}

	/* CONTACT */
	div.contact{background:#F8F6F2; padding:160px 0 50px 0; min-height:100px}
	div.consultationContainer{width:100%; margin:0 0 40px 0;  flex; flex-direction: column; row-gap:16px;}
	div.contactContainer{width:100%; margin:0 0 0 0; flex; flex-direction: column; row-gap:16px;}

	div.subContent p{margin:0 0 40px 0}
	div.subContent div.contactList{display:flex; flex-direction:column; gap: 16px;}
	div.subContent div.contactList div.contactItem{display: inline-flex;}
	div.subContent div.contactList div.contactItem div.contactLabel{font-size:100%; width:90px;}
	div.subContent div.contactList div.contactItem div.contactInfo{font-size:100%;}

	/* FOOTER */
	div.footer div.footerContent{text-align:center;}
	div.footer ul.footerLinks{display:block; text-align:left;}
	div.footer ul.footerLinks li{display:block; margin:0 0 16px 0; font-size:87.5%}
	div.footer ul.footerLinks li span.address{display:inline-block;}
	div.footer ul.footerLinks li span.smaller{display:block;}
	div.footer ul.footerLinks li a{display:inline-block; color:#49504F;}
	div.footer ul.footerLinks li a:hover{text-decoration:underline; color:#49504F;}
	div.footer ul.footerLinks li a img, div.footer ul.footerLinks li img {width:32px; padding:0 8px 0 0}
    div.footer p.address span.smaller{display:block;}

}
@media only screen and (max-width : 1023px) and (min-width : 768px) {
    /* VIEWPORT: TABLET PORTRAIT */
    div.container{width:94%;}
	div.nav div.container{width:94%;; margin:0 auto;}
	
	/* HOME */
	div.intro{padding:160px 0 60px 0}
	div.intro div.introContent{width:100%;}
	div.intro div.introContent h1{font-size: 300%;letter-spacing: -1px;}
	div.intro div.introContent p.introParagraph{font-size: 125%;}

	div.services{padding:60px 0 60px 0;}	
	div.servicesContainer{display: flex; flex-direction: column; row-gap:24px;}
	div.services div.servicesTitle{width:100%; margin:0px;}
	div.services div.servicesTitle h2{font-size:180%; letter-spacing:-.5px; width:100%}
	div.services div.servicesContent{width:100%;}
	div.services div.servicesContent div.serviceItem h3{margin:0 0 8px 0; color:#303635; font-size:115%;}
	div.services div.servicesContent div.serviceItem{float:left;width:100%; margin:0 0 24px 0}
	
	/* ABOUT */
	div.subTitle h3.dotTitle{font-size:112.5%; font-weight:700;}
	div.subImage{width:30%}
	div.subImage span.imageContainer{width:80%}
	div.overviewContent p.largeParagraph{font-size:180%; line-height:125%; margin:0 0 28px 0;}
	
	/* CONTACT */
	div.contact{padding:224px 0 100px 0; min-height:500px}
	div.consultationContainer{width:100%; margin:0 0 40px 0;}
	div.contactContainer{width:100%; margin:0 0 0 0; }

	div.subContent p{margin:0 0 40px 0}
	div.subContent div.contactList{display:flex; flex-direction:column; gap: 16px;}
	div.subContent div.contactList div.contactItem{display: inline-flex;}
	div.subContent div.contactList div.contactItem div.contactLabel{font-size:112.5%; width:90px;}
	div.subContent div.contactList div.contactItem div.contactInfo{font-size:112.5%;}
	
	/* FOOTER */
	div.footer ul.footerLinks{display:block; text-align:center;}
	div.footer ul.footerLinks li{display:inline-block; margin:0 12px; font-size:87.5%}
	div.footer ul.footerLinks li a{display:inline-block; color:#49504F;}
	div.footer ul.footerLinks li a:hover{text-decoration:underline; color:#49504F;}
	div.footer ul.footerLinks li a img, div.footer ul.footerLinks li img {width:32px; padding:0 8px 0 0}
    div.footer p.address span.smaller{display:inline;}

}
@media only screen and (max-width : 1279px) and (min-width : 1024px) {
    /* VIEWPORT: SMALL DESKTOP/TABLET LANDSCAPE */
    div.container{width:94%;}
	div.nav div.container{width:94%;; margin:0 auto;}

	/* HOME */
	div.intro div.introContent h1{font-size: 400%;letter-spacing: -1px;}
	div.services div.servicesTitle h2{font-size:180%; letter-spacing:-.5px; width:90%}
	
	/* ABOUT */
	div.bioImage{width:25%}
	div.bioImage span.imageContainer{width:80%}

}
@media only screen and (max-width : 1799px) and (min-width : 1280px) {
    /* VIEWPORT: TYPICAL DESKTOP */
}
@media only screen and (min-width : 1800px) {
    /* VIEWPORT: LARGE DESKTOP */
    div.container{width:1440px; margin:0 auto;}
	div.nav div.container{width:1440px; margin:0 auto;}
}

@media print {
    * {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;}
    a, a:visited { text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")";}
    abbr[title]:after { content: " (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p, h2, h3 { orphans: 3; widows: 3;}
    h2, h3 { page-break-after: avoid;}
}

/* CLEARFIX */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}