* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Raleway', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.instagram {
    color: #DB2777;
}

.facebook {
    color: #2563EB;
}


nav .collapse li {
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    list-style: none;
    display: flex;
    align-items: center;
    color: #666666;
}

nav .collapse li:hover {
    background-color: #70AD47;
    color: white;
}

nav .collapse li a.nav-link {
    font-size: 15px;
    text-decoration: none;
    padding: 2vh;
    color: inherit;
    text-transform: uppercase;
}


/* pagina 1 */
#pagina-1 {
    padding: 2vh;
    background-color: #e9e9e9;
}

.icono {
    width: 50px;
    height: 50px;
    padding: 2vh;
    background-color: #70AD47;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 25px;
}

#pagina-3 {
    background-color: #70AD47;
}

.logo-imagen {
    width: 200px;
    height: 200px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.redes-sociales a {
    text-decoration: none;
    color: white;
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: white;
}

.green {
    background-color: #70AD47;
    transition: 0.5s ease;
}

.green-text {
    color: #70AD47;

}

a.green:hover,
button.green:hover {
    background-color: #000;
}

button.green {
    border: 1px white solid;
}

li::marker {
    color: #70AD47;
}


#servicios{
    margin-bottom: 30vh;
}

@media (max-width: 768px) {
    .logo {
        width: 150px;
        height: 150px;
    }

    .logo img{
        width: 100px;
        height: 100px;
    }

    .profesional{
        flex-wrap: wrap;
    }

}