#mapa_poa1, #mapa_poa2, #mapa_florianopolis {height:450px; width:100%;}



.big-banner{
    background-image: url('../imgs/tarja.jpg');
    background-size: 100%;
}

.marcadagua{
    background-image: url('../imgs/marcadagua.png');
}

.marcadagua-laranja{
    background-image: url('../imgs/marcadagua.png');
    background-color: #FA6E53;
}

.bg-white-transparente{
    background-color:#ffffffe6;
}
.bg-white-transparente:hover{
    background-color:#54a429c4;
    color: #fff;
    cursor: pointer;
    box-shadow: 0px 0px 10px 1px #333;
    z-index: 999;
}


.bg-verde-transparente{
    background-color:#54a429c4;
    color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
    color: #FFF;
    text-decoration: none;
    background-color: #FB941A;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #F8DE27;
}
.dropdown-menu {
background-color: #fbffaf;
}

.text-verde{
    color: #54A429;
}

.bg-verde, .btn-verde{
    background-color: #54A429;
    color: #FFF;
}
.btn-verde:hover{
    color: #FFF;
    background-color:#54A429;
}
.bg-verde-forte{
    background-color: #015B41;
}
.redes a{
    color: #FFF;
}
.redes a:hover{
    color: #F8DE27;
}
.btn-laranja{
    background-color: #FE921A;
    color: #FFF;
}
.btn-laranja:hover{
    background-color: #fa5001;
    color: #FFF;
}
.btn-laranja a{
    text-decoration: none;
}
.bg-laranja{
    background-color: #f39b28;
   /* background: rgb(247,173,137);
    background: linear-gradient(180deg, rgba(247,173,137,1) 0%, rgba(255,119,52,1) 86%);*/
}

#mapa{
	height: 400px;
	width: 100%;;
}

.display-5{
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


.carousel-caption h1{
    font: 'Oswald', sans-serif;
    text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, -2px 0px 0 #000, 0px -2px 0 #000, 2px 2px 2px rgba(0,0,0,0);
}

.card:hover{
    box-shadow: black 0 0 5px;
}
.zoom{
    overflow: hidden;
}
.zoom img{
    transition: all 1s ease;
}
.zoom:hover img{
    transform: scale(1.2);
}


.desenvolvedor a {
    color: #9b9797;
}
.desenvolvedor a:hover {
    color: #5a5858;
}

/*
body::before {content: "xs"; position: fixed; top: 0; right: 0; z-index: 9999999; background-color: #000; color: #FF0; padding: 2px; text-align: center; border-radius: 50%; width: 30px; height: 30px;}
@media (max-width : 576px) { body::before { content: "xs"; }}
@media (min-width: 576px) and (max-width:768px) { body::before { content: "sm"; }}
@media (min-width: 768px) and (max-width:992px) { body::before { content: "md"; }}
@media (min-width: 992px) and (max-width:1200px) { body::before { content: "lg"; }}
@media (min-width: 1200px) { body::before { content: "xl"; }}
*/