@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: "FoundersGrotesk-Regular";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Regular.otf");
}

@font-face {
    font-family: "FoundersGrotesk-Light";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Light.otf");
}

@font-face {
    font-family: "FoundersGrotesk-Medium";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/FOUNDERSGROTESK-MEDIUM.OTF");
}

@font-face {
    font-family: "FoundersGrotesk-Semibold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Semibold.otf");
}

@font-face {
    font-family: "FoundersGrotesk-Bold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Bold.otf");
}

@font-face {
    font-family: "Founders-Grotesk-X-Cond-Lt";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGroteskXCond-Lt.otf");
}

@font-face {
    font-family: "KNOCKOUT-HTF70";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/KNOCKOUT-HTF70-FULLWELTERWT.OTF");
}

@font-face {
    font-family: "Kina-Bold";
    src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/KINA-BOLD.OTF");
}

body {
    width: 540px;
    height: auto;
}

ul {
    margin-left: 103px;
    margin-bottom: -90px;
    position: relative;
    top: -103px;
}

.gimenez {
    margin-left: 103px;
    margin-bottom: -116px;
    position: relative;
    top: -125px;
}

.jornalista0 {
    margin-left: 103px;
    margin-bottom: -114px;
    position: relative;
    top: -124px;
}

.sobreviventes0 {
    margin-left: 103px;
    margin-bottom: -57px;
    position: relative;
    top: -63px;
}

.comissao0 {
    margin-left: 103px;
    margin-bottom: -112px;
    position: relative;
    top: -126px;
}

.jornalista-mauro,
.sobreviventes,
.jornalista,
.jornalistaA,
.jornalistaABC,
.jornalistaC,
.comissao {
    margin-left: 103px;
    margin-bottom: -77px;
    position: relative;
    top: -85px;
}

.sobreviventes1,
.jornalista1,
.comissao1 {
    margin-left: 103px;
    margin-bottom: -78px;
    position: relative;
    top: -83px;
}

.sobreviventes2,
.jornalista2,
.jornalista2a,
.jornalista2B,
.comissao2,
.comissao2A,
.comissao2AD {
    margin-left: 103px;
    margin-bottom: -60px;
    position: relative;
    top: -62px;
}

li {
    list-style-type: none;
    width: 209px;
}

#pagina {
    width: 100%;
}

#pagina .caixa {
    margin-bottom: 1px;
    color: #000;
}

#pagina .caixa .titulo {
    padding: 20px 20px 10px 20px;
    background: #000;
    font-family: "FoundersGrotesk-Bold";
    text-transform: uppercase;
    color: #FFF;
    font-size: 27px;
    margin-left: 0px;
}

#pagina .caixa .titulo:hover {
    cursor: pointer;
    background: #898989;
}

#pagina .caixa .laranja {
    padding: 20px 20px 10px 20px;
    background: #f7931e;
    font-family: "FoundersGrotesk-Bold";
    text-transform: uppercase;
    color: #FFF;
    font-size: 27px;
    margin-left: 0px;
}

.chapeu {
    font-family: "KNOCKOUT-HTF70";
    font-size: 60px;
    line-height: 50px;
    color: #f7931e;
    text-transform: uppercase;
}

#pagina .caixa .profissao {
    padding: 8px 20px 10px 20px;
    background: #f7931e;
    font-family: "Kina-Bold";
    color: #000;
    font-size: 26px;
    margin-left: 0px;
}

#pagina .caixa .conteudo {
    padding: 20px;
    margin-left: -2px;
    font-family: "FoundersGrotesk-Regular";
    font-size: 21px;
    line-height: 21px;
}

#pagina .caixa .hide {
    display: none;
}

.sobrevivente {
    font-family: "FoundersGrotesk-Light";
    font-size: 19px;
}

.idade {
    font-family: "FoundersGrotesk-Light";
    font-size: 21px;
}

.posicao {
    font-family: "FoundersGrotesk-Light";
    text-transform: uppercase;
    font-size: 19px;
}

.jogos {
    font-family: "FoundersGrotesk-Semibold";
    font-size: 21px;
}


/* ----------------------------------------------- */


/* Vale este aqui */

.jornalistaAAAAA {
    margin-left: 103px;
    margin-bottom: -94px;
    position: relative;
    top: -106px;
}

.jornalistaAA,
.jornalistaAAA,
.jornalistaAAAA {
    margin-bottom: -51px;
    position: relative;
    top: -65px;
}

.comissao-cocada,
.comissao-adriano,
.comissao-rafael,
.comissao-marcio,
.comissao-eduardo,
.comissao-anderson {
    margin-left: 103px;
    margin-bottom: -62px;
    position: relative;
    top: -62px;
}

.comissao-sergio {
    margin-left: 103px;
    margin-bottom: -62px;
    position: relative;
    top: -62px;
}

.comissao-delfim {
    margin-left: 103px;
    margin-bottom: -121px;
    position: relative;
    top: -125px;
}

.jornalista-jandir {
    margin-left: 103px;
    margin-bottom: -100px;
    position: relative;
    top: -112px;
}

.jornalista-ricardo,
.jornalista-edir {
    margin-left: 103px;
    margin-bottom: -100px;
    position: relative;
    top: -106px;
}


/* ----------------------------------------------- */


/* ////////// 480 px /////////////// */

@media screen and (max-width: 480px) {
    body {
        width: 460px;
        height: auto;
    }
    ul {
        margin-left: 103px;
        margin-bottom: -81px;
        position: relative;
        top: -104px;
    }
    li {
        list-style-type: none;
        width: 209px;
    }
    .gimenez {
        margin-left: 103px;
        margin-bottom: -112px;
        position: relative;
        top: -125px;
    }
    .sobreviventes {
        margin-left: 103px;
        margin-bottom: -56px;
        position: relative;
        top: -63px;
    }
    .jornalista-mauro,
    .jornalista,
    .jornalistaA,
    .jornalistaABC,
    .jornalistaC {
        margin-left: 103px;
        margin-bottom: -77px;
        position: relative;
        top: -85px;
    }
    .sobreviventes1,
    .jornalista1 {
        margin-left: 103px;
        margin-bottom: -78px;
        position: relative;
        top: -83px;
    }
    .sobreviventes2,
    .jornalista2,
    .jornalista2a,
    .jornalista2B {
        margin-left: 103px;
        margin-bottom: -60px;
        position: relative;
        top: -62px;
    }
    #pagina {
        width: 100%;
    }
    /* ----------------------------------------------- */
    /* Vale este aqui */
    .jornalistaAA,
    .jornalistaAAA,
    .jornalistaAAAA {
        margin-bottom: -51px;
        position: relative;
        top: -65px;
    }
    .comissao-cocada,
    .comissao-adriano,
    .comissao-sergio,
    .comissao-rafael,
    .comissao-eduardo,
    .comissao-anderson {
        margin-left: 103px;
        margin-bottom: -62px;
        position: relative;
        top: -62px;
    }
    .jornalista-jandir {
        margin-left: 103px;
        margin-bottom: -100px;
        position: relative;
        top: -112px;
    }
    .jornalista-ricardo,
    .jornalista-edir {
        margin-left: 103px;
        margin-bottom: -100px;
        position: relative;
        top: -106px;
    }
    /* ----------------------------------------------- *

}


/* ////////// 414 px /////////////// */
    @media screen and (max-width: 414px) {
        body {
            width: 494px;
            height: auto;
        }
        ul {
            margin-left: 103px;
            margin-bottom: -94px;
            position: relative;
            top: -104px;
        }
        .sobreviventes {
            margin-left: 103px;
            margin-bottom: -52px;
            position: relative;
            top: -63px;
        }
        .jornalista-mauro,
        .jornalista,
        .jornalistaA,
        .jornalistaABC,
        .jornalistaC {
            margin-left: 103px;
            margin-bottom: -77px;
            position: relative;
            top: -85px;
        }
        .sobreviventes1,
        .jornalista1 {
            margin-left: 103px;
            margin-bottom: -78px;
            position: relative;
            top: -83px;
        }
        .sobreviventes2,
        .jornalista2,
        .jornalista2a,
        .jornalista2B {
            margin-left: 103px;
            margin-bottom: -60px;
            position: relative;
            top: -62px;
        }
        .comissao2 {
            margin-left: 103px;
            margin-bottom: -76px;
            position: relative;
            top: -84px;
        }
        .comissao2A,
        .comissao2AD {
            margin-left: 103px;
            margin-bottom: -54px;
            position: relative;
            top: -62px;
        }
        #pagina {
            width: 100%;
        }
        /* ----------------------------------------------- */
        /* Vale este aqui */
        .jornalistaAA,
        .jornalistaAAA,
        .jornalistaAAAA {
            margin-bottom: -51px;
            position: relative;
            top: -65px;
        }
        ..comissao-sergio,
        .comissao-rafael,
        .comissao-eduardo,
        .comissao-anderson {
            margin-left: 103px;
            margin-bottom: -62px;
            position: relative;
            top: -62px;
        }
        .jornalista-jandir {
            margin-left: 103px;
            margin-bottom: -100px;
            position: relative;
            top: -105px;
        }
        .jornalista-ricardo,
        .jornalista-edir {
            margin-left: 103px;
            margin-bottom: -100px;
            position: relative;
            top: -106px;
        }
        /* ----------------------------------------------- */
    }
    /* ////////// 375 px /////////////// */
    @media screen and (max-width: 375px) {
        body {
            width: 355px;
            height: auto;
        }
        ul {
            margin-left: 103px;
            margin-bottom: -93px;
            position: relative;
            top: -104px;
        }
        li {
            list-style-type: none;
            width: 190px;
        }
        .sobreviventes0 {
            margin-left: 103px;
            margin-bottom: -73px;
            position: relative;
            top: -84px;
        }
        .jornalista-mauro,
        .sobreviventes,
        .jornalista,
        .jornalistaC {
            margin-left: 103px;
            margin-bottom: -77px;
            position: relative;
            top: -85px;
        }
        .sobreviventes1,
        .jornalista1,
        .comissao2AD {
            margin-left: 103px;
            margin-bottom: -78px;
            position: relative;
            top: -83px;
        }
        .jornalistaA,
        .jornalistaABC {
            margin-left: 103px;
            margin-bottom: -94px;
            position: relative;
            top: -103px;
        }
        .jornalista2,
        .jornalista2B {
            margin-left: 103px;
            margin-bottom: -60px;
            position: relative;
            top: -62px;
        }
        .jornalista2a {
            margin-left: 103px;
            margin-bottom: -73px;
            position: relative;
            top: -84px;
        }
        .sobreviventes2 {
            margin-left: 103px;
            margin-bottom: -78px;
            position: relative;
            top: -84px;
        }
        #pagina {
            width: 100%;
        }
        /* ----------------------------------------------- */
        /* Vale este aqui */
        .jornalistaAA {
            margin-bottom: -51px;
            position: relative;
            top: -65px;
        }
        .jornalistaAAA {
            margin-bottom: -68px;
            position: relative;
            top: -84px;
        }
        .comissao-cocada,
        .comissao-adriano,
        ..comissao-sergio,
        .comissao-rafael,
        .comissao-eduardo,
        .comissao-anderson {
            margin-left: 103px;
            margin-bottom: -62px;
            position: relative;
            top: -62px;
        }
        .jornalista-jandir {
            margin-left: 103px;
            margin-bottom: -100px;
            position: relative;
            top: -105px;
        }
        .jornalista-ricardo,
        .jornalista-edir {
            margin-left: 103px;
            margin-bottom: -120px;
            position: relative;
            top: -127px;
        }
        /* ----------------------------------------------- */
    }
    /* ////////// 360 px /////////////// */
    @media screen and (max-width: 360px) {
        body {
            width: 340px;
            height: auto;
        }
        ul {
            margin-left: 103px;
            margin-bottom: -93px;
            position: relative;
            top: -104px;
        }
        li {
            list-style-type: none;
            width: 180px;
        }
        .sobreviventes {
            margin-left: 103px;
            margin-bottom: -57px;
            position: relative;
            top: -63px;
        }
        .comissao2AD {
            margin-left: 103px;
            margin-bottom: -72px;
            position: relative;
            top: -84px;
        }
        .jornalista-mauro,
        .jornalista,
        .jornalistaC {
            margin-left: 103px;
            margin-bottom: -77px;
            position: relative;
            top: -85px;
        }
        .sobreviventes1,
        .jornalista1 {
            margin-left: 103px;
            margin-bottom: -78px;
            position: relative;
            top: -83px;
        }
        .sobreviventes2 {
            margin-left: 103px;
            margin-bottom: -80px;
            position: relative;
            top: -84px;
        }
        .jornalista2,
        .jornalista2B {
            margin-left: 103px;
            margin-bottom: -60px;
            position: relative;
            top: -63px;
        }
        #pagina {
            width: 100%;
        }
        .chapeu {
            font-family: "KNOCKOUT-HTF70";
            font-size: 49px;
            line-height: 50px;
            color: #f7931e;
            text-transform: uppercase;
        }
        /* ----------------------------------------------- */
        /* Vale este aqui */
        .jornalistaAA,
        .jornalistaAAA {
            margin-bottom: -56px;
            position: relative;
            top: -71px;
        }
        .jornalistaAAAA {
            margin-bottom: -51px;
            position: relative;
            top: -64px;
        }
        .comissao-cocada,
        .comissao-adriano,
        .comissao-sergio,
        .comissao-rafael,
        .comissao-anderson {
            margin-left: 103px;
            margin-bottom: -62px;
            position: relative;
            top: -62px;
        }
        .jornalista-jandir {
            margin-left: 103px;
            margin-bottom: -100px;
            position: relative;
            top: -105px;
        }
        .jornalista-ricardo,
        .jornalista-edir {
            margin-left: 103px;
            margin-bottom: -120px;
            position: relative;
            top: -127px;
        }
        /* ----------------------------------------------- */
    }
    /* ////////// 320 px /////////////// */
    @media screen and (max-width: 320px) {
        body {
            width: 300px;
            height: auto;
        }
        ul {
            margin-left: 103px;
            margin-bottom: -93px;
            position: relative;
            top: -104px;
        }
        li {
            list-style-type: none;
            width: 123px;
        }
        .gimenez {
            margin-left: 103px;
            margin-bottom: -136px;
            position: relative;
            top: -147px;
        }
        .sobreviventes,
        .jornalista,
        .comissao2A,
        .comissao2AF {
            margin-left: 103px;
            margin-bottom: -77px;
            position: relative;
            top: -85px;
        }
        .jornalistaA {
            margin-left: 103px;
            margin-bottom: -117px;
            position: relative;
            top: -123px;
        }
        .jornalistaABC {
            margin-left: 103px;
            margin-bottom: -98px;
            position: relative;
            top: -104px;
        }
        .sobreviventes1,
        .jornalista1,
        .jornalistaC {
            margin-left: 103px;
            margin-bottom: -98px;
            position: relative;
            top: -104px;
        }
        .jornalista2,
        .comissao2AFG {
            margin-left: 103px;
            margin-bottom: -60px;
            position: relative;
            top: -63px;
        }
        .sobreviventes2,
        .jornalista2B {
            margin-left: 103px;
            margin-bottom: -80px;
            position: relative;
            top: -84px;
        }
        #pagina {
            width: 100%;
        }
        .chapeu {
            font-family: "KNOCKOUT-HTF70";
            font-size: 49px;
            line-height: 50px;
            color: #f7931e;
            text-transform: uppercase;
        }
        .posicao {
            font-family: "FoundersGrotesk-Light";
            text-transform: uppercase;
            font-size: 17px;
        }
        /* ----------------------------------------------- */
        /* Vale este aqui */
        .comissao-eduardo,
        .comissao-anderson {
            margin-left: 103px;
            margin-bottom: -84px;
            position: relative;
            top: -85px;
        }
        .comissao-adriano,
        .comissao-sergio,
        .comissao-rafael {
            margin-left: 103px;
            margin-bottom: -57px;
            position: relative;
            top: -63px;
        }
        .comissao-delfim {
            margin-left: 103px;
            margin-bottom: -135px;
            position: relative;
            top: -154px;
        }
        .jornalista-mauro {
            margin-left: 103px;
            margin-bottom: -104px;
            position: relative;
            top: -106px;
        }
        .comissao-cocada {
            margin-left: 103px;
            margin-bottom: -59px;
            position: relative;
            top: -63px;
        }
        .jornalista-jandir {
            margin-left: 103px;
            margin-bottom: -100px;
            position: relative;
            top: -105px;
        }
        .jornalista-edir {
            margin-left: 103px;
            margin-bottom: -120px;
            position: relative;
            top: -127px;
        }
        .jornalista-ricardo {
            margin-left: 103px;
            margin-bottom: -100px;
            position: relative;
            top: -105px;
        }
        /* ----------------------------------------------- */
    }