body {
    color: #00000;
    background-color: #F6F4F1;
    padding-bottom: 1em;
    font-family: 'Inter', sans-serif;  /* This can remain as it is if 'Inter' is for the body text */
}

.link {
    text-decoration: none;
    color: #666;
}

.lead {
    margin-top: 1em;
    text-align: center;
    width: 100%;
}

.lead .subtitulo {
    font-family: "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;
    font-size: 16pt;
    color: #666;
    text-align: center;
}

.lead .logo {
    text-decoration: none;
    color: #333;
    width: 100%;
}

.lead .logo {
    font-size: 20pt;
    width: 100%;
}

.lead .text-centered {
    width: 430px;
    display: inline-block;
    text-align: left;
}

#menu {
    position: relative;
    width: 400px;
    background: transparent;
    font-family: 'Inter', sans-serif;
}

hr {
    border: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 410px;
}

@media only screen and (max-width: 480px) {
    hr {
        width: 99%;
    }
}