.titulo{
    width: 60%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-self: center;
    align-items: center;
    text-align: center;
    
}

.titulo h1{

    font-size: 40px;
    
}
#mapa{
    width: 90%;
    max-height: 650px;
    max-width: 700px;
    
}

.inform{
    width: 55%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-self: center;
    align-items: center;
    text-align: left;
    

}

.inform h2{
    font-size: 32px;
    width: 80%;
}

.inform p{
    width: 75%;
    font-size: 20px;
}

.tablaSri{
    margin-top: 30px;
    display: flex;
    justify-self: center;
    width: 50%;
  
}

.consultorio{
    
    margin-top: 20px;
    width: 60%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    text-align: left;

}

#logoHolaSriLanka{
    width: 100%;
}

.consultorio h2{
    font-size: 28px;
    width: 75%;
}

.consultorio p{
    font-size: 18px;
    width: 75%;
}

#consulta{
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 75%;
    min-width: 120px;
    border-radius: 6px;
    border: solid 1px ;
    font-size: 18px;
    background-color: white;
    border: 1px solid rgb(95, 156, 248); 
    font-size: 16px;
}

#consulta:hover{
    border-color: rgb(0, 78, 196);
    background-color: rgb(242, 246, 253);
}

@media (max-width: 370px){


    .tablaSri table{
    
        font-size: 14px;
     
    }



}