* {
    text-align: center;
    }
    
    body{
        text-align: center;
        color: #000;
        font-family: 'Roboto Slab', serif!important;
        font-size: 30px;
        
    }
.voltar-topo{
position: fixed;
    width: 30px;
    height: 30px;
    bottom: 20px;
    right: 20px;
    background-color: #0000008c;
    border-radius: 50%;
    font-size: 1.9em;
    font-weight: bold;
    color: #fff;
}
.navbar {
	margin: 0 auto;
    border-radius: 0;
	
}
.nav a{
	color: #000;
}
.navbar-brand img{
	height: 40px;
	margin-top: -5px;
	margin-right: 50px;
}
.bg-verde{
	background-color: #c2dc7f;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: hsl(77 47% 63% / 1);
}
section p{
    width:80%;
    margin:0 auto;
}
    #saiba-mais {
        background-color: #fff;
        padding: 30px;
		color: #fff;
		border-top: solid 7px #673074;
    }
/*Icones aumentam ao serem clicados */	
.zoom {
     padding: 10px;
    background-color: white;
    transition: transform .2s;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.2); /* (150% zoom)*/
}
/*Fim de Icones aumentam ao serem clicados */	

.saiba {
	 color: #19ccb2;
	margin: 20px;
}

 #saiba-mais h3{
		color: #fff;
    }
    #saiba-mais .block-title {
        color: #fff;
    
    }
    #tratamento h2{
        border: solid 1px #000;
    }
    
.adotados img{
	max-width: 88%;
    height: auto;
	border-radius: 15px;
}
.btn-group button {
  background-color: #FFF; /* background */
	color: #FFF;
		
 }
.btn-group button a {
	color: #FFF;
		
 }


    div {
        text-align: center;
    
    }
    .branco{
        color:#ffffff;
        text-align: center;
        
    }
    .amarelo{
        color: #fff;
        text-align: center;
        
    }
/*espaçamento icone de 'ganhei um lar' */	
	.icone_lar{
		padding-bottom: 20px;
	}
@media (max-width: 768px) {
	.icone_lar img {
		max-width: 255px;
	}}
/*Fim de espaçamento icone de 'ganhei um lar' */
    
    #informativo {
        background-color: #FFF;
        text-align: center;
		 color: #fff;
        
    }
    #informativo h2{
        text-align: center;
        color: #fff;
    }
    
    #informativo img {
        max-width: 600px;
        text-align: center;
        width: 100%;
    }

@media (min-width: 768px) {

.carousel-multi-item-2 .col-md-3 {
float: left;
width: 25%;
max-width: 100%; } 
}

.carousel-multi-item-2 .card img {
border-radius: 2px; }
    
    #mitos-verdades img {
        max-width: 100%;
        text-align: center;
        min-height: 220px;
        background-clip: content-box;
        object-fit: cover;
    }
/*Definicao da secao 'me adota ai' */
    #me_adote {
    background-color: #19ccb2;
    color: #FFF;
    margin-bottom: 10px;
    text-align: center;
    margin: 10px;
    font-size: 25px;
    }
/*Fim de definicao da secao 'me adota ai' */

/*Definicao da secao 'ganhei um lar' */
    #lar h2 {
        background-color: #673074;
        color: white;
            
        }
    #lar {
        background-color: #673074;
        color: white;       
        }
/*Fim de definicao da secao 'ganhei um lar' */   
    #verde h2{
        color: #19ccb2;
    }


#trat{
	padding:10px;
}
    
    #alinhar h4{
        text-align: center;
    }
    h3 {
        margin: 0 0 10px;
        text-align: center;
        color: #19ccb2;
        
    }
    
    .background {
       background-color:#19ccb2; 
    }
    
    .imagem-carrossel {
        object-fit: cover;
        height: 550px;
    }
    
    .fonte-texto {
        font-family: 'McLaren', cursive;
        font-weight: 400;
        font-style: normal;
        color: black;
    }
    
    .card-text{
        font-family: "Trebuchet MS", Verdana, Lucida Sans;
    }
    
    .card-text a{
        color:#000;
    }
    
    .fonte-titulo-card {
        font-family: 'McLaren', cursive;
        font-size: 20px;
        color: black;
    }
    
    .fonte-texto-card-footer {
        font-family: 'McLaren', cursive;
        font-size: 15px;
    }
    .imagem-card {
        object-fit: cover;
        height: 286px;
    }
    
    .borda-card {
        border-color: #d2f9d7;
    }
    
    #footer-redes {
        font-size: 2em;
    }
    
    @media (min-width: 768px) {
        /* show 3 items */
        .carousel-inner .active,
        .carousel-inner .active + .carousel-item,
        .carousel-inner .active + .carousel-item + .carousel-item {
          display: block;
        }
      
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
          transition: none;
        }
      
        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
          position: relative;
          transform: translate3d(0, 0, 0);
        }
      
        .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
          position: absolute;
          top: 0;
          right: -33.3333%;
          z-index: -1;
          display: block;
          visibility: visible;
        }
      
        /* left or forward direction */
        .active.carousel-item-left + .carousel-item-next.carousel-item-left,
        .carousel-item-next.carousel-item-left + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
        }
      
        /* farthest right hidden item must be abso position for animations */
        .carousel-inner .carousel-item-prev.carousel-item-right {
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          display: block;
          visibility: visible;
        }
      
        /* right or prev direction */
        .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
        .carousel-item-prev.carousel-item-right + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(100%, 0, 0);
          visibility: visible;
          display: block;
          visibility: visible;
        }
      }
    
    section h2{
        text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #FFFF;
    font-size: 40px;
	margin-top: 20px;
    margin-bottom: 20px;
    }
@media (max-width:345px){
	    section h2{
    font-size: 30px;
    }
}

    .btn-dengue {
        display: inline-block;
        padding: 10px 30px;
        font-size: 30px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        user-select: none;
        background-image: none;
        border: 2px solid transparent;
        border-radius: 4px;
        color: #fff;
        background-color: #19ccb2;
        border-color: white;
        margin-top: 15px;
    }
    
    .card-img-top.img-fluid.icones{
      max-width: 200px!important;
    }

    #prevencao h2, #pjftrabalhando h2{
        color: #19ccb2;;
    }
    #facaasuaparte{
        background-color:#19ccb2;
        color: #FFFFFF;
    }
    
    .card-img-top.imagem-card{
        border-bottom: solid 12px #19ccb2;
    }
    section{
        padding: 5px;
    margin-top: 20px;
    color: black;
    margin-bottom: 0px;
    text-align: center;
    margin: 0px;
    font-size: 25px;
    }
    section.tratamento{
        border: 4px solid #19ccb2;
    margin: 25px auto;
    border-radius: 0.7em;
    padding: 0 1em 1em 1em;
    max-width: 1000px;
    background-color: #673074;
    color: #fff;
    }
    h2.tratamento{
         display: inline-block;
    top: -38px;
    position: relative;
    padding: 20px 10px 0px 20px;
    margin-bottom: 0;
    color: #fff;
}

    #capa{
        margin:0;
        padding: 0;
    }
    
    #capa2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
    }
    
    ul.alinhar {
        list-style: none; /* Remove default bullets */
        margin: 1.5em;
      }
      li.alinhar{
              text-align:left;
              max-width:600px;
      }
      
      li.alinhar::before{
        content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #b02a29; /* Change the color */
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: -1em; /* Also needed for space (tweak if needed) */
        font-size: 31px;
        margin-top: -15px;
      }

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}