/********** MOBILE MENU ***********/

#wrapper-mobile-nav{
position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
}

.mobile-nav-title{
  color: #fff;
  position: absolute;
  top: 10px;
  left: 70px;
  font-size: .85em;
}
  
ul {
  padding: 0;
  list-style-type: none;
}

.nav-mobile{
padding:0px;
}

.container {
  margin-top: 50px; 
  Display: flex;
  justify-content: center;
  align-items: center;
}
.phone {
  background-color: #36383F;
  border-radius: 40px;
  width: 300px;
  height: 600px;
  Display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 30px 50px 100px #85888C;
}
.content {
  border: 1px solid #36383F;
  border-radius: 20px;
  width: 94%;
  height: 91%;
  background-color: #F5F6FA;
  overflow: hidden;
}
nav {
  background-color: #005250;
  height: 65px;
}


#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  padding-left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 180px;
  /*height: 400px;*/
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  transition-delay: 2s;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}
#menu li a{
color:#000;
}

.wrapper-stickynav ul li a{
color: #000;
  display: block;
  border: none;
}
/*******************************/


.hide-for-desktop{
display:block;
}

.hide-for-mobile{
display:none;
}
.container-section-inner .callout-cta{
  text-align:center;

}

.container-section-inner a.btn-callout{


}

.container-section-inner .callout-cta a.btn-txt{
  display: block;
  padding: 0px 0px;
  width: fit-content;
  margin: 0 auto;
  margin-top: 10px;
}

.container-hero p{

}
.container-hero{
margin-top: 90px;
}

.container-hero h1{
display:none;
}

.container-hero p{
font-size: .85em;
  line-height: 1.4;
  margin: 20px 0px 0px 0px;
  max-width: 100%;
}

.container-hero-cta ul li a{
margin: 10px 10px 0px 0px;

font-size: .85em;
  padding: 6px 4px;
  display: block;
  text-align: center;
}

h3 {
  font-size: 1em;
}

.section-about p{
font-size:.9em;
line-height:1.4;
}

.btn-expand {
  font-size: 1em;
}

#container-map-legend{
  display: block;
  position: inherit;
  max-width:100%;
}
  
.container-btn-expand{
margin: 20px 0px 0px 0px;
}

.btn-expand{
	font-size: 1em;
  line-height: 1.4;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #fafafa;
  border: 1px solid #eee;
  color: #000;
  display:block;
}

.btn-expand:hover{
background-color:#eee;
border:1px solid #ccc;
}

.btn-expand .arrow-marker{
display:inline-block;
color:#000;
transition:.2s;
margin-right:5px;
}

.mapboxgl-popup{
max-width:200px;
}
/****** callout quotes *****/

.container-callout-quote .quote-mark {
  font-size: 7em;
}
.container-callout-quote .quote-inner p {
  font-size: .85em;
}

img.quote-headshot,
.container-bio img {
  max-width: 200px;
  }