#hero-inicio{
    padding: 5% 10%;
    background-color: #00694a;
    color: white;
    font-size: 1.8em;
}
#hero-inicio img{
    border-radius: 50px;
}
.seccion{
    padding: 5% 10%;
    background-color: white;
    color: #00694a;
    font-size: 1.5em;
}
.seccion h2{
    font-size: 1.6em;
    font-weight: bold;
}
.seccion a{
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 1.3em;
}
#turnero-responsive{
    display: none;
}
@media(max-width: 991px){
    #hero-inicio{
        padding: 5% 5%;
        font-size: 1.1em;
    }
    #hero-inicio div{
        width: 100%;
        text-align: center;
    }
    #hero-inicio img{
        max-width: 60vw;
    }
    .seccion div{
        width: 100%;
        text-align: center;
    }
    .seccion img{
        max-width: 60vw;
    }
    #turnero-escritorio{
        display: none;
    }
    #turnero-responsive{
        display: block;
    }
}
@media(max-width: 600px){
    #hero-inicio img{
        width: 80vw;
    }
    .seccion img{
        width: 80vw;
    }
}