@import url("https://fonts.googleapis.com/css?family=Open+Sans");
* {
  font-family: "Open Sans", sans-serif;
}

@media screen and (max-width: 1000px) {
  .mImg {
    padding-top: 20px;
  }

  .header {
    margin: 0;
    padding: 0;
  }
  .header #hdr-large {
    display: none;
  }

  .wrap1 {
    display: none;
  }

  .wrap2 {
    display: none;
  }

  .wrap3 {
    display: none;
  }

  .mWrap {
    overflow-x: hidden;
    width: 100%;
    margin-top: 0;
    top: 0;
    overflow-y: hidden;
  }

  .Dimg {
    display: none;
  }

  h5 {
    margin-top: 7%;
    margin-bottom: -3%;
    font-size: 0.2em;
  }

  .tg {
    margin-top: 2.5%;
    margin-right: 3%;
    border-width: thin;
    color: white;
  }
  .tg p {
    margin: 5px;
  }
}
@media screen and (min-width: 1000px) {
  .mWrap {
    display: none;
  }

  #hdr-small {
    display: none;
  }

  #hdr-large {
    display: block;
  }

  .tg {
    min-width: 2%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 0.5%;
    margin-left: 0.8%;
    color: white;
  }
  .tg:hover {
    border-color: yellow;
    color: yellow;
  }
}
#hdr-large {
  padding-bottom: 5px;
  background-color: lightgray;
}

.Dimg {
  height: 100%;
  background-color: lightgray;
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
  .Dimg {
    column-count: 3;
    column-rule-style: lightgray;
    grid-column-gap: 0;
  }

  .mImg {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1900px) {
  .Dimg {
    column-count: 4;
    column-rule-style: lightgray;
    grid-column-gap: 0;
  }

  .mImg {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1900px) {
  .Dimg {
    column-count: 5;
    column-rule-style: lightgray;
    grid-column-gap: 0;
  }

  .mImg {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.mImg {
  background: lightgray;
  position: relative;
}
.mImg button {
  position: absolute;
  border: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.mImg .btnL {
  top: 83%;
  left: 2%;
  width: 47%;
  height: 12%;
}
.mImg .btnR {
  top: 83%;
  left: 50%;
  width: 47%;
  height: 12%;
}
.mImg .btnC {
  top: 90%;
  left: 27%;
  width: 47%;
  height: 12%;
}
.mImg .btnN {
  left: 70%;
  width: 30%;
  height: 9%;
}

header {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

/* Popup container */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  text-align: center;
  align-items: center;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 10vh auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  font-size: 2em;
  margin-top: 50%;
  /* Could be more or less, depending on screen size */
}
@media screen and (min-width: 1000px) {
  .modal-content {
    margin-top: 10%;
    max-width: 50%;
  }
}
.modal-content .clkme {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 80%;
  background: #FF0000;
  font-size: 1em;
  font-weight: bold;
  color: white;
  height: 4%;
  text-decoration: none;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 70px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#modalFive .modal-content {
  background: white;
}

#modalFive .m5pins img {
  padding-top: 3%;
}

#modalFive .contact-form {
  height: 80%;
}
#modalFive .contact-form h5 {
  margin-top: 7%;
  margin-bottom: -3%;
  font-size: 1.2em;
}
#modalFive .contact-form h6 {
  padding-top: 0.5em;
  font-size: 1em;
  margin-bottom: -0.4%;
  margin-top: -1.5%;
}
#modalFive .contact-form img {
  vertical-align: middle;
  width: 30%;
}
#modalFive .contact-form #kI2 {
  margin-left: -34%;
}

#modalOne .contact-form {
  min-height: 78%;
}
#modalOne .contact-form img {
  width: 100%;
  margin-bottom: -1em;
  margin-top: -2em;
}

#modalTwo .contact-form {
  min-height: 78%;
}
#modalTwo .contact-form img {
  width: 100%;
  margin-bottom: -1em;
  margin-top: -2em;
}

#modalThree .contact-form {
  min-height: 78%;
}
#modalThree .contact-form img {
  width: 100%;
  margin-bottom: -1em;
  margin-top: -2em;
}

#modalFour .contact-form {
  height: 78%;
}

.footer {
  background: #e00813;
  padding-bottom: 3em;
}
.footer a {
  text-decoration: none;
}
.footer #ft-logo {
  width: 70%;
  margin-left: 15%;
  padding-top: 10%;
}
.footer .ft-pins {
  width: 75%;
  margin-left: 25%;
}
.footer span {
  color: white;
  font-size: 1.5em;
  float: center;
  line-height: 0;
}
.footer .ft-wrapper {
  padding-top: 5%;
  max-width: 70%;
}
.footer .ft-wrapper img {
  vertical-align: middle;
}
.footer .ft-wrapper #tel {
  padding-top: 1.5em;
}

.header button {
  position: absolute;
  border: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.header .btnL {
  top: 87%;
  left: 2%;
  width: 47%;
  height: 10%;
}
.header .btnR {
  top: 87%;
  left: 50%;
  width: 47%;
  height: 10%;
}
.header .btnC {
  top: 90%;
  left: 27%;
  width: 47%;
  height: 10%;
}
.header .btnN {
  left: 60%;
  width: 40%;
  height: 40%;
}

form button .clkme {
  color: white;
  cursor: pointer;
  width: 80%;
  font-size: 1em;
  font-weight: bold;
  height: auto;
  text-decoration: none;
}
form input[type=email] {
  width: 100%;
  background: #efefef;
  border: none;
  height: 5%;
  border-radius: 7px;
  font-size: 33px;
}

.ft-wrapper a {
  text-decoration-line: none;
  color: white;
}
.ft-wrapper a p {
  margin-left: 45%;
  font-size: 28pt;
}

.tags::-webkit-scrollbar {
  width: 0 !important;
}

.tags {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  background: #FF0000;
  height: 30%;
  min-height: 50px;
  margin-top: -0.4%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tags .tg {
  border-radius: 15px;
  border-style: solid;
  flex: 0 0 auto;
  float: left;
  cursor: pointer;
}
.tags #tg1.tg {
  margin-left: 2%;
}

.tgAlt {
  color: yellow;
  border-color: yellow;
}

.m5b1, .m5b2, .m5b3, .m5b4 {
  display: none;
}

.NavBar {
  position: fixed;
  z-index: 3;
  width: 100%;
}

.hdr-base {
  margin-top: 0%;
  z-index: 1;
}

html {
  background-color: lightgray;
}

.adtlInfo {
  display: none;
}

/*# sourceMappingURL=main.css.map */