.map {width: 100%;}
@font-face {
  font-family: Avenir;
  src: url(assets/Avenir.otf);
}

body {
    margin: 0;
      font-family: 'Avenir LT Std', sans-serif;
    }

    .btn {
        
        padding: 0.1rem 0.1rem !important;
    }

a.btn:before {
    font-family: FontAwesome;
    content: "\f041";
    display: inline-block;
    vertical-align: middle;
}
p i.fa.fa-thumb-tack {
    color: #DC4D3F;
    margin-right: 6px;
}

@media (max-width: 320px) {
    .map {
        height: auto;
        margin: 2rem 0;
   }
}
@media (min-width: 321px) and (max-width: 480px) {
    .map {
        height: auto;
        margin: 2rem 0;
   }
}
@media (min-width: 481px) and (max-width: 575.98px) {
    .map {
        height: auto;
        margin: 2rem 0;
   }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .map {
        height: auto;
        margin: 2rem 0;
   }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .map {
        margin: 2rem 0;
        height: auto;
   }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .map {
        margin: 2rem 0;
        height: auto;
   }
}
@media (min-width: 1200px) {
    .map {
        margin: 4rem 0;
        height: auto;
   }
}
.map img {
    margin-top: -10%;
    position: relative;
    z-index: 3;
}
.map button.btn.pop, .map a.btn.pop {
    z-index: 5;
    position: absolute;
    color: #DC4D3F;
    min-width: 0;
}
@media (max-width: 575.98px) {
    .map button.btn.pop, .map a.btn.pop {
        font-size: 1rem;
   }
}
@media (min-width: 576px) {
    .map button.btn.pop, .map a.btn.pop {
        font-size: 1.5rem;
   }
}
.map button.btn.pop:focus, .map a.btn.pop:focus {
    box-shadow: unset;
    outline: 0;
    border: 0;
}
.map button.btn.pop.default-popup, .map a.btn.pop.default-popup {
    z-index: -1;
    right: 30%;
}
@media (max-width: 767.98px) {
    .map button.btn.pop.default-popup, .map a.btn.pop.default-popup {
        bottom: 30%;
   }
}
@media (min-width: 768px) {
    .map button.btn.pop.default-popup, .map a.btn.pop.default-popup {
        top: 30%;
   }

.map button.btn.pop.lunar-vaftlee, .map a.btn.pop.lunar-vaftlee {
    right: 14%;
    top: 16%;
}
.map button.btn.pop.lunar-Wifortmccoy, .map a.btn.pop.lunar-Wifortmccoy {
    right: 33%;
    top: -7px;
}
.map button.btn.pop.lunar-Holloman, .map a.btn.pop.lunar-Holloman {
    right: 55%;
    bottom: 61%;
}
.map button.btn.pop.lunar-Incampatterbury, .map a.btn.pop.lunar-Incampatterbury {
    right: 26.5%;
    top: 14%;
}
.map button.btn.pop.lunar-Njfortdix, .map a.btn.pop.lunar-Njfortdix {
    right: 12%;
    top: 5%;
}
.map button.btn.pop.lunar-Ftpickett, .map a.btn.pop.lunar-Ftpickett {
    right: 16.5%;
    top: 18%;
}
.map button.btn.pop.lunar-Quantico, .map a.btn.pop.lunar-Quantico {
    right: 15%;
    top: 13%;
}

.map button.btn.pop.lunarxp-launch-site, .map a.btn.pop.lunarxp-launch-site {
    left: 12%;
    top: 40%;
}
.map button.btn.pop.lunarxp-control-center, .map a.btn.pop.lunarxp-control-center {
    left: 14%;
    top: -17%;
}
.map button.btn.pop.lunarxp-rocket-factory, .map a.btn.pop.lunarxp-rocket-factory {
    left: 9%;
    top: -8%;
}
.map button.btn.pop.lunarxp-colony-xp-1, .map a.btn.pop.lunarxp-colony-xp-1 {
    left: 67%;
    bottom: 24%;
}
.map button.btn.pop.lunarxp-colony-hab-1, .map a.btn.pop.lunarxp-colony-hab-1 {
        right: 69%;
    top: 28%;
}

.map button.btn.pop.lunarxp-colony-dc, .map a.btn.pop.lunarxp-colony-dc {
    right: 16%;
    top: 14%;
}
.map button.btn.pop.lunarxp-colony-Erie, .map a.btn.pop.lunarxp-colony-Erie {
    right: 22.5%;
    top: 6%;
}
.map button.btn.pop.lunarxp-colony-orbiter-1, .map a.btn.pop.lunarxp-colony-orbiter-1 {
    right: 11.4%;
    top: 0%;
}

.map button.btn.pop.lunarxp-colony-Vermont, .map a.btn.pop.lunarxp-colony-Vermont {
   right: 13.5%;
    top: -1%;
}

.map button.btn.pop.lunarxp-colony-orbiter-2, .map a.btn.pop.lunarxp-colony-orbiter-2 {
    right: 23%;
    top: 11%;
}

.map button.btn.pop.lunarxp-colony-orbiter-3, .map a.btn.pop.lunarxp-colony-orbiter-3{
    right: 23.5%;
    top: 3%;
}

.map button.btn.pop.lunarxp-colony-orbiter-4, .map a.btn.pop.lunarxp-colony-orbiter-4{
    right: 37%;
    top: 8%;
}
.map button.btn.pop.lunarxp-colony-Vermont, .map a.btn.pop.lunarxp-colony-Vermont{
   right: 34%;
    top: 2%;
}

.map button.btn.pop.lunarxp-colony-orbiter-5, .map a.btn.pop.lunarxp-colony-orbiter-5{
    right: 36%;
    top: 17%;
}

.map button.btn.pop.lunarxp-colony-ElSalvador, .map a.btn.pop.lunarxp-colony-ElSalvador{
     right: 90.7%;
    top: 44%;
}

.map button.btn.pop.lunar-xplorer, .map a.btn.pop.lunar-xplorer {
    right: 69%;
    bottom: 57%;
}

.map button.btn.pop.lunar-NorthCarolina, .map a.btn.pop.lunar-NorthCarolina {
      right: 17%;
    top: 22%;
}

.map button.btn.pop.lunar-Tennessee, .map a.btn.pop.lunar-Tennessee {
    right: 29%;
    top: 22%;
}
.map button.btn.pop.lunar-xplorer, .map a.btn.pop.lunar-Maine{
    right: 11%;
    top: -6%;
}
.map button.btn.pop.lunar-xplorer, .map a.btn.pop.lunar-Kansas{
    right: 43%;
    top: 16%;
}
.map button.btn.pop.lunar-Florida, .map a.btn.pop.lunar-Florida {
    right: 19%;
    bottom: 50%;
}
.map button.btn.pop.lunar-Fortbliss, .map a.btn.pop.lunar-Fortbliss {
    right: 46%;
    bottom: 69%;
}
.map button.btn.pop.lunar-Texas, .map a.btn.pop.lunar-Texas {
        right: 44%;
    bottom: 54%;
}
.map button.btn.pop.florida, .map a.btn.pop.florida {
    right: 16%;
    bottom: 14%;
    transform: rotate(60deg);
    padding: 10px 44px;
}
}
.map .popover.fade.show h3{
color:#f00!important;
}
.map .popover.fade.show div{
color:#f00!important;
}
#btn8 {
    color: rebeccapurple;
}
#btn9 {
    color: #40bec0;
}
#btn2 {
    color: #9ABA27;
}
img#map-image2 {
    width: 26px;
    margin-right: 5px;
    margin-top: -13px;
}
i.fa.fa-tint {
    font-size: 14px;
    margin-right: 6px;
}
section.text p {
    margin-bottom: 0.5rem;
    font-size: 15px;
}