body, button, .button, .top-bar-section ul li > a, .pricing-table .title,
.pricing-table .price, .tabs .tab-title > a, .side-nav, .side-nav li.active > a:first-child:not(.button), 
.accordion .accordion-navigation > a, .accordion dd > a, h1, h2, h3, h4, h5, h6, .sub-nav li, .label 
{font-family: 'Special Elite', cursive !important;}
.button {background-color:#006666 !important; font-weight:bold; letter-spacing: 1px; margin:0px !important; font-size: 1em !important;}

.white {color:#fff;}
.title {color:#006666; font-weight:bold;}
.row {max-width: 75em !important;padding:2em !important;}
.full-width {width: 100%; margin-left: auto; margin-right: auto; max-width: initial;}
.section-one {background-color:#000;}
.section-banner {background-image:url(../img/lightwood.jpg); background-repeat: no-repeat; background-size: cover;height: 300px;}
.section-two {background-color:#ccc;}
.section-two h2 {text-align:center;}
.section-two p {text-align:center;}
.section-three {background-color:#000}
.section-three img {width: 250px; height: 250px; border-radius: 150px;}
.section-staff img {width: 250px; height: 250px; border-radius: 150px;}
.section-instagram {background-color:#fff;}
.section-about p {font-size:1.3em;}
.section-about h2 {font-size:3em;}
.section-stylists p {font-size:1.1em;}
.section-stylists h2 {font-size:3em;}
.section-contact {background-color:#eaeaea;}
/*.section-products img {width: 50% !important;}*/
.section-products p {text-align:center !important;}
.section-covid {background-color:#ccc;}
.section-covid p {text-align:left;}

.header {text-align: center; background: url("../img/lightwood.jpg") no-repeat bottom center; background-size: cover; padding: 2rem;}
.header .logo {width:15%;}
.header .main-header {color: #666;}
.header-subnav {float: none; position: relative; top: 2rem; text-align: center; margin-bottom: 0;}
.header-subnav li {float: none; display: inline-block;}
.header-subnav li a {padding: 0.9rem 1rem 0.75rem; font-size: 1rem; color: #fff; display: block; font-weight: normal; letter-spacing: 1px; }
.header-subnav li a.is-active {background: rgba(250, 250, 250, 0.7); color: #333;}
.header-subnav li a:hover {background: rgba(250, 250, 250, 0.7); color: #333; transition: all .25s ease-in-out;}

.footer {background-color: #292c2f; text-align: center; font-size: 1.2rem; padding: 3rem;}
.footer .inline-list a {display: inline-block; width: 2rem; height: 2rem; background-color: #33383b; border-radius: 2px; font-size: 1.5rem; color: #fff; text-align: center; line-height: 35px; margin: 0 3px 0 0;}
.footer .contact {list-style-type: none; margin: 0; text-align: left; color: #fff;}
.footer .contact li {margin-bottom: 2rem;}
.footer .contact li p {padding-left: 5rem;}
.footer .contact i {position: absolute; background-color: #33383b; color: #fff; font-size: 2rem; border-radius: 50%; line-height: 1; margin: 0 0 0 -4rem; vertical-align: middle; padding: .25em .45em;}
.footer .copywrite {color: #8f9296; font-size: 0.875rem; margin: 0 0 1rem 0;}
.footer .about {color: #92999f; font-size: 0.875rem; margin: 0 0 1rem 0;}
.footer .footer-links a {list-style: none; font-weight: normal; color: #fff; padding: 3rem 0 2rem; margin: 0;    font-size: 0.875rem;}
.footer .footer-links a::after {content: "•"; padding: 0 0.2rem 0 0.4rem;}
.footer .footer-links a:last-child::after {content: ""; padding: 0 0.4rem 0 0.8rem;}

@media only screen and (min-width: 40.0625em) {
	
.top-bar {background: #000 none repeat scroll 0% 0% !important; overflow: visible;}
.top-bar-section li:not(.has-form) a:not(.button) {padding: 0px 1.5em !important; color:#fff !important;}	 .footer p {text-align: left;}
.footer .social {text-align: left; margin: 0;}
.footer .contact {text-align: left;}
.footer .contact > i {margin-right: 1rem; }
}

@media only screen and (min-width: 800px) {
	.header .logo {width:20%;}
}