#intro h1 {
  /*font-family: 'Barlow', sans-serif;*/
  font-family: 'Tangerine', cursive;
  font-size: 4.2rem;
  line-height: 1.0em;
  font-weight: 700;
  font-style: italic;
  color:white;/* DarkCyan;*/
  padding: 0.5rem 0;

  text-align: center;

/*
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  */
}

#conclusao {
  color: white; padding: 60px 0
}

p strong { color: DarkCyan; }
h3 {
  font-family: 'Barlow', sans-serif;
  font-style: italic;
  line-height: 140%;
  font-size: 1.2rem;
}

.leaflet-container, #mapa { background-color: #efefef }

#mapa { padding: 0 15px }
#mapa .imagem {
  position: relative; 
  padding: 0;
  margin: 0;
  /*background-image: url("background_mapa4.png");*/
  background: none;  
  /*background-color: #0178a2;*/
}

#mapa .imagemT {
  position: relative; 
  padding: 0;
  margin: 0;
  /*background-color: #0178a2;*/
}
#mapa{
  background-image: url("background_mapa4.png");
}
#intro{
  background: none;  
}

#mapa .textoT {

  padding: 30px 45px;
  max-height: 550px;
  overflow-y: scroll;
}

#mapa .texto {

  font-family: 'Permanent Marker', cursive;

  width: 70%;
  position: absolute; 
  
  top: 8%; 
  left: 15%; 
  right:  30%; 
  width: 100%; 

  font-size: 1.2vw;
  line-height: 1.3vw;
}


.row {
  background-image: url("background_mapa3_v2.png");

  
  background-repeat: no-repeat;
  background-position: right top;

}

#mapa .texto img {
  max-width: 100%;
  height: auto;
  margin: auto;
  display: block;
  margin-bottom: 1rem;
}
#mapa .texto h6 {
  font-size: .75rem;
  text-align: center;
  line-height: 120%;
  max-width: 80%;
  margin: auto;
  display: block;
}
#image-map {
  width: 100%;
  height: auto;
  border: none;
  margin-bottom: 10px;
}

nav{height: 60px;

}

@media (max-width: 677px){
  #intro { padding: 15px 30px 30px 30px }
  #image-map { height: 250px }
  #mapa .texto { max-height: 270px}
  h3 { font-size: 1rem }
  #conclusao { padding: 30px }
}

@media (max-width: 677px) and (max-height: 600px) {
  #image-map { height: 220px }
  #mapa .texto { height: 260px}
  h3 { font-size: 1rem }
  #conclusao { padding: 30px }
}




#seta{
  display: none;
}
/*
#overlayTest {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}*/

.ui-widget-content {



  background-color: #C6B39D;
  /*padding: 5px 10px;*/
  
  min-height: 2vw;/* 2rem;*/

  /*margin-bottom: 5px;*/
  cursor: all-scroll;

  border-style: solid;
  border-color: #846A5D;

  text-align: center;
  vertical-align: middle;
  padding:  1% 0;


}

.ui-widget-header {

  /*padding: 5px 10px;*/
  min-height: 2vw;

  border-style: solid;




}

/*.leaflet-marker-icon, .overlay{ transition: .25s all }*/