@media (min-width: 481px) {
    .time {
        top: 10vh;
        left: 102%;
        width: 103vh;

        font-size: 6.825em;
        color: #FFFFFF;
        letter-spacing: -0.06em;
    }

    .time p {
        line-height: 1em;
    }

    .time p span {
        left: 100%;
        color: #FEC500;
        margin: 0 -0.15em;
    }

    .time p:last-child span {
        margin-right: 0;
    }

    .juntos {
        width: 99vh;
        left: 100%;
        top: 65vh;

        color: #C2C2C2;
        font-size: 2.25em;
        font-weight: 300;
        font-style: italic;
        letter-spacing: -0.01em;
    }

    .membros {
        display: flex;
        width: 100vw;
        left: 100%;

        flex-wrap: wrap;
        align-items: center;
        padding: 5vh 0;
        box-sizing: border-box;
    }

    .membros .membro {
        width: 30vw;
        margin-right: 3vw;
        display: flex;
        align-items: center;
    }

    .membros .membro > div {
        display: inline-block;
    }

    .membros .membro .membro-circulo {
        /*background-color: #414242;*/
        width: 8vw;
        height: 8vw;
        border-radius: 8vw;
        overflow: hidden;
        background-color: #333;
    }

    .membros .membro .membro-circulo img {
        width: 100%;
        height: 100%;
    }

    .membros .membro .membro-descricao {
        width: calc(100% - 9vw);
        padding-left: 1em;
        box-sizing: border-box;
    }

    .membros .membro .membro-descricao .membro-nome {
        color: #FFFFFF;
        font-size: 1.75em;
        font-weight: 100;
    }

    .membros .membro .membro-descricao .membro-cargo {
        color: #FEC500;
        font-size: 1.25em;
    }

    .membros .membro .membro-descricao .membro-texto {
        color: #C2C2C2;
        font-size: .95em;
        font-family: 'Roboto';
        font-weight: 100;

        padding-top: .5em;
    }
}

@media (max-width: 480px) {
    section#time {
        /* height: 100vh; */
        margin: 10vh 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .time {
        font-size: 3em;
        color: #FFFFFF;
        letter-spacing: -0.06em;
        text-align: right;
    }

    .time p {
        line-height: 1em;
    }

    .time p span {
        color: #FEC500;
        margin: 0 -0.15em;
    }

    .time p:last-child span {
        margin-right: 0;
    }

    .juntos {
        margin-top: 5vh;
        padding: 0 5vw;
        text-align: right;
        color: #C2C2C2;
        font-size: 1.5em;
        font-weight: 300;
        font-style: italic;
        letter-spacing: -0.01em;
    }

    .membros .membro {
        text-align: center;
        margin-bottom: 5vh;
    }

    .membros .membro > div {
        display: inline-block;
    }

    .membros .membro .membro-circulo {
        background-color: #414242;
        width: 40vw;
        height: 40vw;
        border-radius: 25vw;
    }

    .membros .membro .membro-circulo img {
        width: 100%;
        height: 100%;
    }

    .membros .membro .membro-descricao {
        width: calc(100% - 9vw);
        padding: 10px 12px 0;
        box-sizing: border-box;
    }

    .membros .membro .membro-descricao .membro-nome {
        color: #FFFFFF;
        font-size: 1.75em;
        font-weight: 100;
    }

    .membros .membro .membro-descricao .membro-cargo {
        color: #FEC500;
        font-size: 1.25em;
    }

    .membros .membro .membro-descricao .membro-texto {
        color: #C2C2C2;
        font-size: 1em;
    }
}