:root {
    --primary: #003B3A;
    --lighter: #92c1c2;
	--grey: #677181;
	--mobnav: #525252;
	--yellow: #FFDC0B;
	--underline: #FFDC0B;
	--box-shadow: 0px 0px 10px rgb(0,0,0,0.3)
}

h1{font-size:2.4rem; color: var(--primary) !important}
h2{font-size:32px}
h3{font-size:1.2rem}

#mobnavbutton {transform: translate(10px, -2px)}
#mobnavbutton.active{transform: translate(20px, -2px)}

.contact-bar-mobile{color: #fff}
.contact-bar-mobile-flex a{color: #fff}
.contact-bar-mobile-flex i{color: #fff}
.contact-bar-mobile-flex{justify-content: space-between}
.contact-bar-mobile-flex > div{font-size:0.9rem}

.spen-splash-title{font-size: 38.4px}
.aspen-content-head-text{font-face: "Roboto", sans-serif; font-weight: 400; font-size:24px}
.aspen-hp-content-buttons a{font-family: "Freight Neo Pro", Arial, sans-serif, Helvetica !important; font-size:20px !important}

.aspentwocolumns-block h2, .aspentwocolumns-block h3{font-size:24px}

.button{font-family: "Freight Neo Pro", Arial, sans-serif, Helvetica !important; font-size: 20px}

.menu-header .current_page_item a::after{  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--underline);
  margin: 10px auto 0;
}
.menu-header > li > a::after{
  content: ""; 
  display: block; 
  width: 0;
  height: 3px;
  background-color: var(--underline);
  margin: 10px auto 0;
  transition: all 300ms ease-in-out
}
.menu-header > li > a:hover::after{  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--underline);
  margin: 10px auto 0;
}

#mobnav{top:105px}

.button{border-radius:0; text-transform: none; font-size:1.1rem}

.buttonbar-block{padding: 0 30px}
.buttonbar-button{background-color: #fff; color:#000; border:5px solid #e8e8e8; border-radius:10px; box-shadow:none; margin: 0 15px 15px}
.buttonbar-button:hover{background-color: #e8e8e8}

.two-column-border-block-flex .content-right{border:0 !important; border-radius:0 !important; background: #ecebe9}
.two-column-border-block-flex > div{max-width: 50% !important}

.book-meeting-inner{max-width: var(--content-width)}



#post-157 section{max-width: 800px !important} /* systems */


#post-19 h2{font-size:24px}

.buttonbar-button{background: var(--primary); border:0; color: #fff}
.buttonbar-button:hover{background: var(--primary); color:#fff; box-shadow: var(--box-shadow-hover); transform:scale(1.1)}






@media only screen and (max-width: 900px) {
	.menu-header, .login-button{display: none}
	#mobnavbutton{display: block}
	body{padding: 100px 0 0}
}
@media only screen and (max-width: 700px) {
	
}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 500px) {

}