div.main{
    padding-top:0;
}
h1{
    text-transform:uppercase;
}
.endodoncia{
    color:#B8B836;
}
.ortodonto{
    color:#E32138;
}
.odontopediatria{
    color:#864898;
}
.ortodoncia{
    color:#FFDE59;
}
.navbar-dark .navbar-nav .inicio{
    color:white;
}
.navbar-dark .navbar-nav .especialidades{
    color:var(--primario);
}
.info-p{
    position:relative;
    height:100vh;
}
.info-p img{
    width:100%;
    height:100%;
}
.info-p .capa{
    position:absolute;
    top:100px;
    width:100%;
    text-align:center;

}
.info-p .capa h1{
    text-shadow: 3px 3px 3px var(--secundario);
    padding:20px;
    font-size:60px;
}
.info-p .capa p{
    font-size:25px;
    color:var(--secundario);
}
.accordion{
    margin-bottom:50px;
    padding:0;
   
}
.accordion.endodoncia{
     border:2px solid #B8B836;
}
.accordion.ortodonto{
    border:2px solid #E32138;
}
.accordion.ortodoncia{
    border:2px solid #FFDE59;
}
.accordion.odontopediatria{
    border:2px solid #864898;
}
.accordion-item button.accordion-button{
    text-align:center;
    font-size:30px;
    color:var(--secundario);
}

.accordion-item .accordion-collapse img{
    width:70%;
}
.accordion-item .accordion-collapse .accordion-body{
    text-align:center;
}
/*RESPONSIVE*/
@media (max-width:768px){
   .info-p .capa h1{
       font-size:35px;
       padding:0;
   }
   .info-p img{
       height:auto;
   }
   .info-p .capa{
    top:20px;
    }
   .accordion-item .accordion-collapse img{
    width:100%;
    }
    div.main{
    padding-top:70px;
    }
    .info-p{
    height:auto;
    }
    
}