body {
    background-color: #06fdfd00;
}

.planos-bg {
    background-color: #666;
}

.desenvolvedor a {
    color: #999;
}

.desenvolvedor a:hover {
    color: #021bfa;
}

#mapa_alvorada {
    height: 300px;
    width: 100%;
    margin-top: 20px;
}

#mapa_cachoeirinha {
    height: 300px;
    width: 100%;
    margin-top: 20px;
}

.container-mobile a {
    color: #FFF;
}

.container-mobile a:hover {
    text-decoration: none;
}


/* Carousel base class */


/* Since positioning the image, we need to help out the caption 
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }*/


/* Declare heights because of positioning of img element 
  .carousel-item {
    height: 32rem;
    background-color: #777;
  }
  .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;*/


/* min-width: 100%;*/


/*height: 32rem;
  }
*/


/*
Removes white gap between slides - chagnge to base color of slide images
*/

.carousel {
    background: #007aeb;
}


/*
Forces image to be 100% width and not max width of 100%
*/

.carousel-item .img-fluid {
    width: 100%;
}


/* 
anchors are inline so you need ot make them block to go full width
*/

.carousel-item a {
    display: block;
    width: 100%;
}