html {
    font-size: 62.5%;
    font-family: "Roboto", sans-serif;
    color: #012229;
}
@media (min-width: 320px) {
.main-contacto {
    margin-top: 330px;

}
.contacto-text-sub {
    font-size: 0.8rem;
    text-decoration: none;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text {
    font-size: 1.2rem;
    font-weight: lighter;
    text-decoration: none;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text-down {
    font-size: 1.2rem;
    font-weight: lighter;
    text-decoration: none;
    list-style: none;
    padding-bottom: 30px;
}
.contacto-text-whatsapp {
    font-size: 1.2rem;
    font-weight: lighter;
    text-decoration: underline;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text .link:hover {
    color: #00667A;
    
}
.contacto-text .link:active {
    color: #012229;
}
}
@media (min-width: 768px) {
.main-contacto {
    margin-top: 330px;

}
.contacto-text-sub {
    font-size: 1.2rem;
    text-decoration: none;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text {
    font-size: 1.6rem;
    font-weight: lighter;
    text-decoration: none;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text-down {
    font-size: 1.6rem;
    font-weight: lighter;
    text-decoration: none;
    list-style: none;
    padding-bottom: 30px;
}
.contacto-text-whatsapp {
    font-size: 1.6rem;
    font-weight: lighter;
    text-decoration: underline;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text .link:hover {
    color: #00667A;
    
}
.contacto-text .link:active {
    color: #012229;
}
}
@media (min-width: 1024px) {
.main-contacto {
    margin-top: 330px;

}
.contacto-text-sub {
    font-size: 1.8rem;
    text-decoration: none;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text {
    font-size: 2rem;
    font-weight: lighter;
    text-decoration: none;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text-down {
    font-size: 2rem;
    font-weight: lighter;
    text-decoration: none;
    list-style: none;
    padding-bottom: 30px;
}
.contacto-text-whatsapp {
    font-size: 2rem;
    font-weight: lighter;
    text-decoration: underline;
    list-style: none;
    padding-bottom: 7.5px;
}
.contacto-text .link:hover {
    color: #00667A;
    
}
.contacto-text .link:active {
    color: #012229;
}
}