/*----- max-width: 767px -----*/

.admin-linkset,
div#toolbarWrapper,
.no-mobile  {
 display: none !important; 
}

.mobile-only { display: block; }

div#pagemask-black { opacity: 1 !important; }

.js .reveal { opacity: 1; }
.js .slide-from-left  { transform: translateX( 0px); }
.js .slide-from-right { transform: translateX( 0px); }


body { font-size: 1.8rem; }

h1 { font-size: 4rem; }
h2 { font-size: 3.6rem; }
h3 { font-size: 2.6rem; }

div#header {
  height: unset;
  min-height: 96px;
  padding: 16px;
}

.header-up { top: -96px !important; }

div#header-push { height: 96px; }

div#headerWrap { 
  flex-direction: column;
  gap: 12px;
}

div#headerWrap img { width: 160px; }

div#nav-wrap { gap: 12px; } 

div#nav-wrap a { 
  font-size: 1.5rem;
  text-transform: capitalize;
}

div#section1-wrap { flex-direction: column; }

div#section1-left-wrap { padding: 40px 16px; }

div#section2-cont {
  flex-direction: column;
  padding: 80px 16px 16px 16px;
  gap: 40px;
}

div#section2-right-wrap { flex-direction: column; }

div#section2-right-wrap img {
  height: auto;         
  max-height: unset;
  width: 100%; 
}

div#section3-cont {
  flex-direction: column-reverse;
  padding: 40px 16px 16px 16px;
  gap: 40px;
}

div#section3-left-wrap { flex-direction: column; }

div#section3-left-wrap img {
  height: auto;         
  max-height: unset;
  width: 100%; 
}

div#section4-cont { padding: 40px 16px; } 

div#section4-wrap {
  flex-direction: column;
  gap: 0;
  margin-top: 0px;
}

div#section4-left-wrap,
div#section4-right-wrap {
  width: unset;
  text-align: center;
}

div#footerWrap { padding: 64px 16px 56px 16px; }