 <!-- Style.css -->
  <style>
    /* Reset */
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }


    /* Global */
    html {
      font-size: 62.5%;
    }

    body {
      color: #333;
      display: flex;
      flex-direction: column;
      font-family: 'Open Sans', sans-serif;
      font-size: 1.6rem;
      height: 100vh;
    }

    .grecaptcha-badge {
      z-index: 5;
    }

    /* Utility Classes */
    .container {
      margin: auto;
      max-width: 1200px;
    }

    .text-input {
      background-color: #e5e5e5;
      border: none;
      font-size: 1.5rem;
      margin-bottom: 4px;
      padding: 4px;
      width: 198px;
    }

    .short-input {
      background-color: #e5e5e5;
      border: none;
      font-size: 1.5rem;
      margin-bottom: 4px;
      padding: 4px;
      width: 25px;
    }

    .no-select {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }


    /* Header */
    #header .container.res-header {
      display: none;
    }

    #header {
      /*-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
      background: url('../img/menu-shadow-bg.png');
      background-repeat: repeat-x;
      background-position: bottom;*/
      /*min-height: 100px;*/
      position: relative;
      z-index: 2;
    }

    #header .container {
      display: flex;
      justify-content: space-between;
      padding: .5rem 0;
    }

    #header .container .logo {
      position: relative;
    }

    #header .container .logo .img-logo {
      height: 15rem;
      /*position: absolute; */
    }

    #header .container .logo .res-img-logo {
      display: none;
    }

    #header .container .logo .text-logo {
      height: 75px;
      position: absolute;
      left: 150px;
      top: 7px;
    }

    /* Navbar */
    #navbar {
      min-height: 42px;
    }

    #navbar .container {
      padding-left: 8rem;
    }

    #navbar .container .menu {
      background-color: #fff;
      border-radius: 0 0 10px 10px;
      display: flex;
      list-style: none;
      padding: 0 0 0 7rem;
      width: 100%;

      background-image: url('../img/menu-shadow-bg.png');
      background-repeat: repeat-x;
      background-position: top;
    }

    .menu-logo {
      display: none;
    }

    #navbar .container .menu li a {
      border-bottom: 2px solid transparent;
      color: #e81c9f;
      display: inline-block;
      font-weight: 600;
      padding: .93rem 2.5rem .93rem 2.5rem;
      text-decoration: none;
    }


    /* Main */
    #main {
      background-image: linear-gradient(#e3e3f0, #f7e3ed, #fff);
      flex-grow: 1;
      z-index: 1;
    }

    #main .container {
      display: flex;
    }

    #main #app {
      padding: 2rem 0 0 0;
    }

    #main #app .container {
      display: flex;
    }

    #main #app .container #sidebar,
    #main #app .container #res-sidebar {
      flex-basis: 300px;
      margin-right: 2rem;
    }

    #main #app .container #sidebar .item,
    #main #app .container #res-sidebar .item  {
      margin-bottom: 1rem;
    }

    #main #app .container #sidebar .item .sidebar-heading,
    #main #app .container #res-sidebar .item .sidebar-heading {
      background: #3433c6;
      border-radius: 2px;
      color: #fff;
      cursor: pointer;
      display: none;
      font-weight: 600;
      padding: .8rem 2rem;
      position: relative;
      text-decoration: none;
      width: 100%;
    }

    #main #app .container #sidebar1 .item .sidebar-heading1,
    #main #app .container #res-sidebar .item .sidebar-heading1 {
      background: #3433c6;
      border-radius: 2px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-weight: 600;
      padding: .8rem 2rem;
      position: relative;
      text-decoration: none;
      width: 100%;
    }


    #main #app .container #sidebar .item .sidebar-heading .toggle-icon,
    #main #app .container #res-sidebar .item .sidebar-heading .toggle-icon {
      background: url('../img/sidebar-arrow.png') center center/cover;
      height: 38px;
      position: absolute;
      right: 0;
      top: 0;
      transition: all .25s ease;
      width: 38px;
    }

    #main #app .container #sidebar .item.active .sidebar-heading .toggle-icon,
    #main #app .container #res-sidebar .item.active .sidebar-heading .toggle-icon {
      transform: rotate(180deg);
    }

    #main #app .container #sidebar .item .sidebar-heading h2,
    #main #app .container #res-sidebar .item .sidebar-heading h2 {
      font-size: 1.6rem;
    }

    #main #app .container #sidebar .item .sidebar-content,
    #main #app .container #res-sidebar .item .sidebar-content {
      background: #fff;
      font-size: 1.5rem;
      height: 0;
      opacity: 0;
      overflow: hidden;
      display: none;
    }

    #main #app .container #sidebar .item.active .sidebar-content,
    #main #app .container #res-sidebar .item.active .sidebar-content {
      height: auto;
      opacity: 1;
      padding: 1rem;
      -webkit-transition: opacity .25s ease;
      transition: opacity .25s ease;
    }

    #main #app .container #sidebar .sidebar-content p,
    #main #app .container #res-sidebar .sidebar-content p {
      margin-bottom: 1rem;
    }

    #main #app .container #sidebar .sidebar-content ol,
    #main #app .container #res-sidebar .sidebar-content ol {
      margin-bottom: 1rem;
      padding-left: 2rem;
    }

    #main #app .container #sidebar .sidebar-content h1,
    #main #app .container #res-sidebar .sidebar-content h1 {
      font-size: 1.8rem;
      margin-bottom: 1rem;
    }

    #main #app .container #sidebar .sidebar-content .form-group,
    #main #app .container #res-sidebar .sidebar-content .form-group {
      margin-bottom: 1em;
    }

    #main #app .container #sidebar .sidebar-content .form-group h3,
    #main #app .container #res-sidebar .sidebar-content .form-group h3 {
      font-size: 1.6rem;
      font-weight: 600;
      margin-bottom: 1rem;
    }

    #main #app .container #sidebar .sidebar-content .form-group .text-label,
    #main #app .container #res-sidebar .sidebar-content .form-group .text-label {
      display: inline-block;
      width: 78px;
    }

    #main #app .container #sidebar .sidebar-content .form-group .radio-label,
    #main #app .container #res-sidebar .sidebar-content .form-group .radio-label {
      display: inline-block;
      width: 30px;
    }

    #main #app .container #sidebar .sidebar-content .form-group.btn-group,
    #main #app .container #res-sidebar .sidebar-content .form-group.btn-group {
      text-align: right;
    }

    #main #app .container #sidebar .sidebar-content .form-group #dms-latitude-s,
    #main #app .container #res-sidebar .sidebar-content .form-group #res-dms-latitude-s,
    #main #app .container #sidebar .sidebar-content .form-group #dms-longitude-s,
    #main #app .container #res-sidebar .sidebar-content .form-group #res-dms-longitude-s {
      width: 47px;
    }

    #main #app .container #sidebar .btn-submit,
    #main #app .container #res-sidebar .sidebar-content .form-group .btn-submit,
    .resResetBtn .btn-submit {
      background: #e7e8f3;
      border: 1px solid #333;
      border-radius: 2px;
      color: #000;
      cursor: pointer;
      font-weight: 600;
      padding: .5rem 2rem;
      text-decoration: none;
    }

    .sidebar-reset-btn {
      border-bottom: 3px solid #3533c6;
      margin-bottom: 2rem;
      padding-bottom: 2rem;
      padding-top: 1rem;
      text-align: center;
          display: none;
    }

    .resResetBtn {
      margin-top: 2px;
      text-align: right;
      display: none;
    }

    .sidebar-reset-btn .btn-submit,
    .resResetBtn .btn-submit {
      display: inline-block;
    }

    #main #app .container #res-sidebar {
      display: none;
    }

    #main #app .container #sidebar .advertisement {
      /* Dev */
      background-color: rgb(40, 170, 225);
      color: rgb(255, 255, 255);
      cursor: pointer;
      margin-bottom: .5rem;
      padding: 3rem;
    }

    #main #app .container #map #mapbox-container {
      border: 1px solid #42469c;
      height: 388px;
      position: relative;
    }

    #main #app .container #map  #mapbox-map {
      bottom: 0;
      position:absolute;
      top:0;
      width:100%;
    }

    #main #app .container #map  #mapbox-map .marker {
      background-image: url('../img/wmgps-active-marker-34x47.png');
      background-position: top;
      background-repeat: no-repeat;
      background-size: contain;
      width: 34px;
      height: 47px;
      /*border-radius: 50%;*/
      cursor: pointer;
    }

    #main #app .container #map #mapbox-map #menu {
      background: #fff;
      display: flex;
      font-family: 'Open Sans', sans-serif;
      justify-content: space-between;
      padding: 0 0 0 10px;
      position: absolute;
      width: 220px;
      z-index: 1;
    }

    #main #app .container #map #mapbox-map #menu label,
    #main #app .container #map #mapbox-map #menu input {
      display: inline-block;
      margin: 10px 0;
    }

    #main #app .container #map #mapbox-map #menu #directions-btn {
      cursor: pointer;
      padding: 10px;
    }

    #main #app .container #map #mapbox-map #menu #directions-btn:hover,
    #main #app .container #map #mapbox-map #menu #directions-btn:active,
    #main #app .container #map #mapbox-map #menu #directions-btn.active {
      background: #e5e5e5;
      text-decoration: underline;
      transition: all .2s;
    }

    #main #app .container #map #mapbox-map .mapbox-form-label {
      background-color: #41469b;
    }

    #main #app .container #map #mapbox-map .mapbox-directions-origin .mapbox-form-label {
      background-color: #28aae1;
    }

    #main #app .container #map #map-messages {
      background: #fff;
      display: flex;
      height: 0;
      opacity: 0;
    }

    #main #app .container #map #map-messages.active {
      background: #fff;
      display: flex;
      height: auto;
      opacity: 1;
      padding: .5rem;
      -webkit-transition: all .25s ease;
      transition: all .25s ease;
    }

    #main #app .container #map #map-messages .messages-heading {
      flex-basis: 267px;
      font-weight: 600;
      margin-right: 2rem;
    }

    #main #app .container #map #map-messages .messages-content ul {
      display: flex;
      flex-wrap: wrap;
    }

    #main #app .container #map #map-messages .messages-content ul li {
      flex-basis: 340px;
      font-size: 1.3rem;
      list-style-position: inside;
    }

    #main #app .container #map #map-messages .messages-content ul li a,
    #main #app .container #map #map-messages .messages-content ul li a:active,
    #main #app .container #map #map-messages .messages-content ul li a:visited {
      color: #28aae1;
    }

    #main #app .container #map .share {
      display: flex;
      justify-content: space-between;
    }

    #responsive-info-window {
      display: none;
    }

    #main #app .container #map .share .add-this {
      padding-top: 2px;
    }

    #main #app .container #map .share .add-this .addthis_toolbox,
    #main #app .container #map .share .add-this .addthis_toolbox a {
      margin-bottom: 0 !important;
    }

    #main #app .container #map .share .share-links {
      align-items: flex-start;
      display: flex;
      padding-top: 2px;
    }

    .share-link {
      background-image: --webkit-gradient(linear, left top, left bottom, from(#624696), to(#794592));
      background-image: linear-gradient(#624696, #794592);
      border-radius: 0 0 2px 2px;
      color: #fff;
      cursor: pointer;
      flex-shrink: 1;
      padding: .5rem 1rem;
      text-decoration: none;
    }

    #main #app .container #map .share .share-links #share-link {
      margin-right: 1rem;
    }

    #main #app .container #map .share .share-links .share-link img {
      width: 20px;
      vertical-align: bottom;
    }

    #main #app .container #map .advertisement-container {
      display: flex;
      justify-content: flex-end;
      width: 100%;
    }

    #main #app .container #map .advertisement-container .advertisement {
      /* Dev */
      background-color: #28aae1;
      color: #fff;
      cursor: pointer;
      height: 90px;
      padding: 3rem;
      width: 728px;
    }

    #main #app .container #map .welcome {
      margin-bottom: 1rem;
    }

    #main #app .container #map .welcome h1 {
      margin: 1rem 0;
    }


    /* Footer */
    #footer {
      background-color: #e7e8f3;
    }

    #footer .copyright {
      background-color: #e3e3f0;
      color: #666;
      font-size: 1.3rem;
      margin-top: 2rem;
      padding: 1rem;
    }

    /* Modals */
    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 2; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
      -webkit-animation-name: fadeIn; /* Fade in the background */
      -webkit-animation-duration: 0.4s;
      animation-name: fadeIn;
      animation-duration: 0.4s;
    }

    /* Modal Content */
    #link-modal .modal-content,
    #email-modal .modal-content {
      position: fixed;
      background-color: #fefefe;
      width: 100%;
      margin: auto;
      max-width: 700px;
      left: 0;
      right: 0;
    }

    #link-modal .modal-content {
      bottom: 20px;
      -webkit-animation-name: slideInBottom;
      -webkit-animation-duration: 0.4s;
      animation-name: slideInBottom;
      animation-duration: 0.4s;
      max-width: 700px;
    }

    #email-modal .modal-content {
      top: 20px;
      -webkit-animation-name: slideInTop;
      -webkit-animation-duration: 0.4s;
      animation-name: slideInTop;
      animation-duration: 0.4s;
    }

    /* The Close Button */
    .close {
      color: white;
      float: right;
      font-size: 28px;
      font-weight: bold;
      margin-top: -7px;
    }

    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

    .modal-header {
      padding: 1rem 2rem;
      background-color: #3433c6;
      color: white;
    }

    .modal-body {padding: 4rem 2rem;}

    #link-modal .modal-body form .form-group label {
      display: inline-block;
      font-weight: 600;
      vertical-align: top;
      width: 217px;
    }

    #link-modal .modal-body form .form-group {
      display: block;
    }

    #link-modal .modal-body form .form-group label {
      font-weight: 600;
      margin-right: 10px;
    }

    #email-modal .modal-body form label {
      display: inline-block;
      font-weight: 600;
      vertical-align: top;
      width: 120px;
    }

    #link-modal .modal-body form .form-group input {
      margin-bottom: 5px;
      padding: 3px;
      width: 300px;
    }


    #email-modal .modal-body form input {
      margin-bottom: 5px;
      padding: 3px;
      width: 300px;
    }

    #email-modal .modal-body form #copy {
      width: 17px;
    }

    .modal-footer {
      padding: 1rem 2rem;
      background-color: #3433c6;
      color: white;
    }

    /* Add Animation */
    @-webkit-keyframes slideInBottom {
      from {bottom: -300px; opacity: 0} 
      to {bottom: 20px; opacity: 1}
    }

    @keyframes slideInBottom {
      from {bottom: -300px; opacity: 0}
      to {bottom: 20px; opacity: 1}
    }

    @-webkit-keyframes slideInTop {
      from {top: -300px; opacity: 0} 
      to {top: 20px; opacity: 1}
    }

    @keyframes slideInTop {
      from {top: -300px; opacity: 0}
      to {top: 20px; opacity: 1}
    }

    @-webkit-keyframes fadeIn {
      from {opacity: 0} 
      to {opacity: 1}
    }

    @keyframes fadeIn {
      from {opacity: 0} 
      to {opacity: 1}
    }

    /* Ads */
    .advertisement {
      /* Dev */
      background-color: #28aae1;
      color: #fff;
      cursor: pointer;
      padding: 3rem;
    }

    .ad-728x90 {
      height: 0px;
      width: 728px;
    }

    .ad-300x250 {
      height: 0px;
      min-width: 300px;
      width: 300px;
    }

    .ad-250x250 {
      display: none;
      height: 250px;
      min-width: 250px;
      width: 250px;
    }

    .ad-320x50 {
      display: none;
      height: 0px;
      width: 320px;
    }

    .ad-300x50 {
      display: none;
      height: 0px;
      width: 300px;
    }

    #header-hamburger {
      display: none;
      margin: 3px auto 2px auto;
      margin-left: 0;
    }

    #welcome-ad {
      display: none;
    }

    /* Hamburger button */
    .hamburger {
      padding: 1rem;
      display: inline-block;
      color: #fff;
      cursor: pointer;
      transition-property: opacity, filter;
      transition-duration: 0.15s;
      transition-timing-function: linear;
      font: inherit;
      text-transform: none;
      background-color: #3533c6;
      border: 1px solid #07508C;
      border-radius: .5rem;
      overflow: visible; }
      .hamburger:hover {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        background-color: #3533c6; }
      .hamburger.is-active:hover {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        background-color: #3533c6; }
      .hamburger-box {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
      }
      .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px; }
      .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 20px;
        height: 1.5px;
        background-color: #fff;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease; }
      .hamburger-inner::before, .hamburger-inner::after {
        content: "";
        display: block; }
      .hamburger-inner::before {
        top: -6px; }
      .hamburger-inner::after {
        bottom: -6px; }

    .hamburger--spin .hamburger-inner {
      transition-duration: 0.22s;
      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
      .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
      .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

    .hamburger--spin.is-active .hamburger-inner {
      transform: rotate(225deg);
      transition-delay: 0.12s;
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
      .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
      .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

    /* Responsive info window close */
    .res-close {
      background: #fff;
      border: 2px solid #444;
      border-radius: 50%;
      position: absolute;
      right: -6px;
      top: -6px;
      width: 30px;
      height: 30px;
    }

    .res-close:hover {
      opacity: 1;
    }

    .res-close:before, .res-close:after {
      position: absolute;
      left: 13px;
      content: ' ';
      height: 17px;
      width: 2px;
      background-color: #333;
      top: 5px;
    }

    .res-close:before {
      transform: rotate(45deg);
    }

    .res-close:after {
      transform: rotate(-45deg);
    }

    #google-map {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    #show-location-btn {
      background: #fff;
      border-radius: 3px;
      cursor: pointer;
      margin-right: 10px;
      padding: 8px;
    }

    #show-location-btn img {
      opacity: 0.8;
      width: 25px;
    }

    #show-location-btn:hover img {
      opacity: 1;
    }

    /* When screen hits the container width */
    @media (max-width: 1200px) {
      #header .container {
        padding: .5rem .5rem .5rem 0;
      }

      .container {
        padding: .5rem;
      }

      #navbar .container {
        padding: 0;
        padding-left: 80px;
      }

      #main #app {
        padding: 1rem 0;
      }
    }

    @media (max-width: 1059px) {
      #main #app .container #sidebar {
        margin-right: .5rem;
      }
    }

    @media (max-width: 1043px) {

      body {
        font-size: 1.5rem;
      }

      #main #app .container #sidebar .item .sidebar-heading,
      #main #app .container #res-sidebar .item .sidebar-heading {
        padding: .8rem .5rem;
      }

      #main #app .container #sidebar .item .sidebar-heading h2,
      #main #app .container #res-sidebar .item .sidebar-heading h2 {
        font-size: 1.5rem;
      }

      #main #app .container #sidebar .sidebar-content .form-group h3,
      #main #app .container #res-sidebar .sidebar-content .form-group h3 {
        font-size: 1.5rem;
      }

      #main #app .container #sidebar .item.active .sidebar-content,
      #main #app .container #res-sidebar .item.active .sidebar-content {
        font-size: 1.4rem;
        padding: .5rem;
      }

      #main #app .container #sidebar .sidebar-content .form-group .text-label,
      #main #app .container #res-sidebar .sidebar-content .form-group .text-label {
        display: block;
        margin-bottom: 3px;
      }

      .ad-300x250 {
        display: none;
      }

      .ad-250x250 {
        display: block;
      }
    }

    @media (max-width: 1026px) {
      #header .container.res-header {
        display: block;
        padding-bottom: 0;
      }
      #header .container.res-header .res-logo {
        margin: auto;
        display: block;
        width: 194px;
      }

      #header-728x90-ad {
        margin: auto;
    }

      #header .container .logo .img-logo {
        display:none;
      }

      #header .container .logo .text-logo {
        display: none;
      }

      #navbar .container {
        padding-left: 0;
      }

      #navbar .container .menu {
        padding: 0;
      }
    }

    @media (max-width: 993px) {
      #navbar .container {
        padding: 0;
      }

      #main #app {
        padding: 0;
      }

      #under-map-ad {
        display: none;
      }

      #welcome {
        display: flex;
      }

      #main #app .container #map .welcome {
        margin-right: 2rem;
      }

      #welcome-ad {
        display: block;
        flex-basis: 300px;
      }
    }

    @media (max-width: 975px) {
      body {
        font-size: 1.4rem;
      }

      #header .container .logo .text-logo {
        display: none;
      }

      #main #app .container #map .welcome {
        margin-right: 1.5rem;
      }
    }

    @media (max-width: 865px) {
      #main #app .container #map .welcome {
        margin-right: 1rem;
      }

      #main #app .container #map .share .share-links .share-link {
        margin-right: .5rem;
        padding: .5rem;
      }

      #welcome h1 {
        font-size: 1.7rem;
      }
    }

    @media (max-width: 840px) {
      #header .container .logo .img-logo {
        display: none;
      }

      .menu-logo {
        display: block;
      }

      #header-728x90-ad {
        margin: auto;
      }

      #main #app .container {
        flex-direction: column;
        padding-top: .5rem;
      }

      #main #app .container #sidebar {
        display: none;
      }

      #main #app .container #res-sidebar {
        display: flex;
        flex-basis: 0;
        margin-right: 0;
      }

      .resResetBtn {
            display: none;
      }

      #main #app .container #res-sidebar .item.active .sidebar-heading {
        background: #13117b;
      }

      #main #app .container #res-sidebar .item {
        flex-basis: 33.33%;
        margin-bottom: 0;
        margin: 0 .3rem .3rem .3rem;
      }

      #main #app .container #res-sidebar .item:first-child {
        margin-left: 0;
      }

      #main #app .container #res-sidebar .item:nth-child(3) {
        margin-right: 0;
      }

      #main #app .container #res-sidebar .item.active .sidebar-content {
        position: absolute;
        width: 32.5%;
        z-index: 3;
      }

      #main #app .container #res-sidebar .item .sidebar-heading {
        padding: 1rem 2rem;
      }

      #main #app .container #res-sidebar .sidebar-content .form-group.btn-group {
        text-align: left;
      }

      #main #app .container #map #map-messages .messages-heading {
        flex-basis: 250px;
        margin-right: 1rem;
      }

      #main #app .container #map #map-messages .messages-content ul li {
        flex-basis: 305px;
      }

      #main #app .container #map .share .share-links .share-link {
        margin-right: 0;
        padding: .5rem 1rem;
      }

      #main #app .container #map .share .share-links .share-link:first-child {
        margin-right: 1rem;
      }

      #welcome.slid .welcome {
        margin-top: 170px;
      }
    }

    /* iPad */
    @media (max-width: 768px) {
      #header .container {
        padding: .5rem 0;
      }

      .container {
        padding: 1rem;
      }

      #main #app .container #map #mapbox-container {
        height: 440px;
      }

      #main #app .container #map .share {
        margin-top: .3rem;
      }

      #welcome {
        margin-top: 1rem;
      }

      #main #app .container #map .welcome {
        margin-right: 2rem;
      }

      #main #app .container #res-sidebar .item {
        flex-basis: 33.33%;
        margin: .3rem .3rem .5rem .3rem;
      }

      #main #app .container #res-sidebar .item .sidebar-heading {
        padding: .7rem 1rem;
      }

      #main #app .container #res-sidebar .item .sidebar-heading .toggle-icon {
        height: 32px;
        right: 3px;
        width: 32px;
      }

      #responsive-info-window.active {
        background: #fff;
        border: 1px solid #41459b;
        border-radius: 2px;
        display: none;
        opacity: 1;
        margin-top: -.6rem;
        padding: 1rem .5rem;
        position: absolute;
        width: 400px;
      }

      #responsive-info-window.active #resIWform {}

      #responsive-info-window.active #resIWform .form-group-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: .3rem;
      }

      #responsive-info-window.active #resIWform .form-group-col {
        flex-basis: 50%;
      }

      #responsive-info-window.active #resIWform .form-group-row h3 {
        font-weight: 600;
      }

      #responsive-info-window.active #resIWform label {
        font-weight: 600;
      }

      #responsive-info-window.active #resIWform .resIW-dms-label {
        display: block;
        margin-bottom: .3rem;
      }

      #responsive-info-window.active #resIWform input {
        background-color: #e5e5e5;
        border: none;
        margin-bottom: 4px;
        padding: 4px;
      }

      #responsive-info-window.active #resIWform input.sec-input {
        width: 45px;
      }

      #responsive-info-window.active #resIWform input.btn-submit {
        background: #e7e8f3;
        border: 1px solid #333;
        border-radius: 2px;
        color: #000;
        cursor: pointer;
        font-weight: 600;
        padding: .5rem 2rem;
      }

      #footer .copyright {
        margin-top: 1rem;
      }

      #footer .copyright .container {
        padding: 0;
      }
    }

    /* Swap out 728 header */
    @media (max-width: 728px) {
      #header-728x90-ad {
        display: none;
      }
      #header-320x50-ad {
        display: block;
      }
      #map-320x50-ad {
        display: block;
        margin-top: 3px;
      }
    }

    /* Mobile */
    @media (max-width: 600px) {
      .container,
      #header .container {
        padding: .3rem;
      }

      #main #app .container {
        padding-top: .3rem;
      }

      #header {
        min-height: auto;
      }

      #header .container {
        justify-content: space-between;
      }

      #header-hamburger {
        color: #e81c9f;
        display: none;
        /* display: block; */
        font-weight: 600;
        position: absolute;
        top: 0;
      }

      .menu-logo {
        display: none;
      }
      
      #navbar {
        display: none;
        opacity: 0;
        transition: opacity .2s ease;
        z-index: 3;
      }

      #navbar .container .menu {
        flex-direction: column;
      }

      #navbar.active {
        display: block;
        opacity: 1;
        transition: opacity .2s ease;
      }

      #navbar.active ul li {
        border-bottom: 1px solid #e7e8f3;
        margin-bottom: .3rem;
      }

      #navbar.active ul li a {
        width: 100%;
      }

      #main #app .container #res-sidebar {
        flex-direction: column;
        flex-shrink: 0;
        /* min-height: 101px;  */
        padding: 0px 10px;
      }

      #main #app .container #res-sidebar .item .sidebar-heading {
        padding: .5rem 1rem;
      }

      #main #app .container #res-sidebar .item {
        flex-basis: 100%;
        margin: .3rem 0;
      }

      #main #app .container #res-sidebar .item {
        margin-bottom: 0;
      }

      #main #app .container #res-sidebar .item:first-child {
        margin-top: 0;
      }

      #main #app .container #res-sidebar .item:nth-child(3) {
        margin-bottom: .5rem;
      }

      #main #app .container #res-sidebar .item.active .sidebar-content {
        border: 1px solid #42469b;
        border-top: 1px solid #fff;
        width: 80%;
        right: 5px;
      }

      #main #app .container #map #map-messages.active {
        flex-direction: column;
        font-size: 13px;
      }

      #main #app .container #map #map-messages .messages-content ul li {
        border-bottom: 1px solid #e7e8f3;
        flex-basis: auto;
        list-style: none;
        padding-bottom: .3rem;
        width: 100%;
      }

      #main #app .container #map #map-messages .messages-content ul li:nth-child(3),
      #main #app .container #map #map-messages .messages-content ul li:nth-child(4) {
        display: none;
      }

      #main #app .container #map #map-messages .messages-heading {
        flex-basis: auto;
      }

      #main #app .container #res-sidebar .sidebar-content .form-group {
        margin-bottom: .5em;
      }

      #main #app .container #map #mapbox-container {
        height: 345px;
      }

      #main #app .container #map #mapbox-map #menu label,
      #map #mapbox-map #menu label,
      #main #app .container #map #mapbox-map #menu input {
        margin: 5px 0;
      }

      #main #app .container #map #mapbox-map #menu #directions-btn {
        padding: 5px;
      }

      #responsive-info-window.active {
        margin-top: -185px;
        padding: .5rem;
        width: auto;
        z-index: 2;
      }

      #responsive-info-window.active #resIWform .form-group-row {
        align-items: baseline;
        flex-direction: column;
      }

      #responsive-info-window.active #resIWform .resIW-dms-label {
        display: initial;
      }

      #main #app .container #map .share {
        flex-direction: column;
      }

      #main #app .container #map .share {
        margin-top: 0;
      }

      #main #app .container #map .share .add-this {
        text-align: right;
      }

      #main #app .container #map .share .share-links {
        justify-content: flex-end;
      }

      #main #app .container #map .share .share-links .share-link {
        flex-grow: 1;
      }

      #welcome {
        flex-direction: column;
        margin-top: 5px;
      }

      #main #app .container #map .welcome {
        margin-right: 0;
        padding: 0 2rem;
      }

      #welcome.slid .welcome {
        margin-top: 0;
      }

      #welcome-ad {
        margin: auto;
      }

      #footer .copyright .container {
        font-size: 12px;
      }

      #link-modal .modal-body form {
        flex-direction: column;
      }

      #link-modal .modal-body form .form-group {
        margin-bottom: 3px;
      }

      #link-modal .modal-body form label {
        display: inline-block;
        width: 80px;
      }

      .grecaptcha-badge {
        z-index: -1;
      }
    }

    @media (max-width: 345px) {
      .container, #header .container {
        padding: 0;
      }
      #header .container {
        margin-top: 5px;
      }
      #header-320x50-ad {
        display: block;
      }
      #header-300x50-ad {
        display: none;
      }
      .hamburger {
        padding: .5rem;
      }
    }
  </style>
  <!-- / Style.css -->