* {
    text-align: center;
    }
    
    body{
        text-align: center;
        color: #000;
        font-family: 'Roboto Slab', serif!important;
        font-size: 30px;
    }
hr{
    width: 80%;
    text-align: center;
    margin: 0 auto 0 0;
    border-width: 0;
    height: 1px;
    border-top-width: 1px;
    border-color: #19ccb2;
}
.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;
}
    #menu {
        background-color: #fff;
        margin: 0 auto;
        width: 80%;
        height: 50%;
        padding: 30px;
		color: #fff;
        border-top: solid 4px #673074;
        border: 20px;
        border-bottom: solid 2px #19ccb2 ;
        border-bottom-width: 0.1em;
        margin-bottom: 20px;
    }
/*Icones aumentam ao serem clicados */	
.zoom {
     padding: 10px;
    background-color: white;
    transition: transform .1.5s;
    
    margin: 0 auto;
}

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

/*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; }

/*Definicao da secao 'acoes' */
    #acoes {
    background-color:#19ccb2;
    height: 80%;
    margin-bottom: 20px;
    text-align: left;
    margin: 0.3em;
    border: 10px 10px;
    font-size: 25px #FFF;
    font-family: 'Roboto Slab';
    border-bottom: solid 2px #19ccb2 ;
    border-bottom-width: 0.1em;
    }
    #acoes h3{
        margin: 10px 10px;
        padding: 1em 1em;
        text-align: justify;
        color: #FFF;
        font-family: 'Roboto Slab';
        border: 10px;
    }
    #acoes img{
        height:80%;
        text-align: center;
        object-fit: cover;
        margin: 0 auto;
        padding: 20px;
        border: 20px;
    }
/*Fim de definicao da secao 'acoes' */

/*Definicao da secao 'nossos trabalhos' */

 #acoes h2 {
        color: #ffffff;
    
        text-transform: uppercase;
     
        font-size: 35px;
     
        }
   #trabalho h2 {
        color: #673074;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Roboto Slab'; 
        font-size: 40px;
        padding: 1em 1em;
        border: 10px;
        margin: 10px 10px;
        }
    #trabalho {
        background-color: white;
        color: gray;
        height: 100%;
        width: 100%;
        padding: 40px 40px;
        border: 10px 10px;
        text-align: center;
        border-bottom: solid 2px #19ccb2 ;
        border-bottom-width: 0.1em;      
        }
        ul{
            width: 880px;
            list-style: none;
            display: flex;
            margin: 100px auto;
        }
        .min{
            width: 200px;
            padding: 10px;
        }
        .box_img{
            width: 1000px;
            margin: 150px auto;
        }
        .box_img img{
            opacity: 0;
        }
        .lbox:target .box_img img{
            opacity: 1;
            transition: opacity .4s linear;
        }
        .lbox{
            visibility: hidden;
            opacity: 0;
        }
        .lbox:target{
            opacity: 1;
            visibility: visible;
            width: 100%;
            height: 100%;
            top:0;
            left:0;
            background: rgba(10, 10, 10, .7);
            position: fixed;
        }
        .btn{
            color: #fff;
            font-family: "roboto slab";
            text-decoration: none;
            position: absolute;
            width: 50px;
            height: 50px;
            font-size: 40px;
            text-align: center;
        }
        #prev{
            left: 5%;
            top: 45%;
        }
        #next{
            right: 5%;
            top: 45%;
        }
        #close{
            top: 0;
            right: 2%;
        }
/*Fim de definicao da secao 'nossos trabalhos' */   


.lightbox {
            position: absolute;
            left: 0;
            width: 100%;
            z-index: 10000;
            text-align: center;
            line-height: 0;
            font-weight: normal;
            outline: none;
        }
/*Definição da seção 'Fale com a gente'*/
section.contato{
    margin: 0 auto;
    height: 60%;
    width: 100%;
    border: 10px 10px;
    padding: 60px 40px 100px 40px;
    border-bottom: solid 2px #19ccb2 ;
    border-bottom-width: 0.1em;
}
.button_box{
    margin:0 auto;
    width: 90%;
    height: 90%;
}
.my_button {
    background-color: #FFF;
    width: 49%;
    height: 40%;
    border-radius: 8px;
    border-style: none;
    display: inline-block;
    padding: 10px;		
 }
 @media screen and (max-width: 768px){
    .my_button{
    height: 90%;
    display: block;
    padding-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    }
}
.my_button img{
    size: 100%;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding:0px;
    object-fit: cover;
}
/*Fim de definição da seção 'Fale com a gente'*/

    #verde h2{
        color: #19ccb2;
    }
    #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: 450px;
    }
    
    .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;
    }
    
    @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: 'Roboto Slab'; 
    color: rgb(177, 173, 173);
    font-size: 40px;
    border: 10px;
    margin: 10px 10px;
    }
@media (max-width:345px){
	    section h2{
    font-size: 30px;
    }
}
    .card-img-top.img-fluid.icones{
      max-width: 150px!important;
    }
    .card-img-top.imagem-card{
        border-bottom: solid 12px #19ccb2;
    }
    section{
    padding: 20px;
    margin-top: 20px;
    color: black;
    margin-bottom: 20px;
    text-align: center;
    margin: 0 auto;
    font-size: 25px;
    }
    /*Definição da seção ONDE ESTAMOS/PROGRAMAÇÃO DO DIA*/
    section.tabela{
    margin: 0 auto;
    padding: 1em 1em;
    border: 20px 10px 40px 10px;
    height: 80%;
    width: 100%;
    background-color: #FFFFFF;
    color: #fff;
    border-bottom: solid 2px #19ccb2 ;
    border-bottom-width: 0.1em;
    }
    h2.tabela{
    top: 30px;
    bottom: 30px;
    height: 40%;
    position: relative;
    padding: 10px 10px 30px 10px;
    color: rgb(177, 173, 173);
}
h3.tabela{
  
    color: rgb(177, 173, 173);
}
    /*Fim de Definição da seção ONDE ESTAMOS/PROGRAMAÇÃO DO DIA*/

    #capa{
        margin:0;
        padding: 0;
    }
    
    #capa2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
    }     }

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

.photo-gallery .item {
  padding-bottom:30px;
}	
.card-body{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.text-menu{
    color: rgb(177, 173, 173);
    font-family: 'Roboto Slab';
    font-size: 0.8em;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}