@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-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: "Founders-Grotesk-X-Cond-Lt";
        src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGroteskXCond-Lt.otf");
    }
    
    @font-face {
        font-family: "Founders-Grotesk-X-Cond-Semibold";
        src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/FOUNDERSGROTESKCOND-SMBD.OTF");
    }
    
    @font-face {
        font-family: "MinionPro-Regular";
        src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/MINIONPRO-REGULAR.OTF");
    }
    
    body {
        background-color: #ffffff;
    }
    
    #pagina {
        width: 560px;
        background-color: #fcfcfc;
    }
    
    #pagina .caixa .titulo {
        width: 560px;
        background: #000000;
        margin-left: 0px;
    }
    
    #pagina .caixa .titulo:hover {
        cursor: pointer;
        background: #000000;
    }
    
    #pagina .caixa .conteudo {
        padding: 20px;
        line-height: 150%;
        margin-left: 6px;
        font-family: 'Noticia Text', serif;
        font-weight: 400;
        font-size: 20px;
    }
    
    #pagina .caixa .hide {
        display: none;
    }
    
    .titulos {
        width: 540px;
    }
    
    .artes {
        width: 507px;
        height: 100%;
    }
    
    .quadrado {
        width: 32px;
        height: 38px;
        background-color: black;
        position: absolute;
        top: 835px;
        left: 100px;
    }
    
    .titulo-texto {
        width: 96%;
        font-family: "Founders-Grotesk-X-Cond-Lt";
        font-size: 80px;
        line-height: 80px;
        color: #c40d21;
        margin-top: 10px;
        margin-left: 0px;
    }
    
    .linha-fina {
        font-family: "FoundersGrotesk-Semibold";
        font-size: 21px;
        line-height: 20px;
        color: #000;
        margin-top: -57px;
        margin-left: 0px;
    }
    
    .fotos-artes {
        margin-top: 11px;
    }
    
    .legenda {
        font-family: "FoundersGrotesk-Semibold";
        font-size: 18px;
        line-height: 20px;
        color: #000;
        width: 95%;
        margin-top: 8px;
    }
    
    .texto-materia {
        font-family: "FoundersGrotesk-regular";
        font-size: 21px;
        line-height: 23px;
        width: 95%;
        margin-top: 30px;
    }
    
    .texto-materia-indicados {
        font-family: "FoundersGrotesk-medium";
        font-size: 21px;
        line-height: 23px;
        width: 95%;
        margin-top: 30px;
    }
    
    li {
        list-style-type: square;
        color: #c40d21;
        font-size: 40px;
        margin: 10px -5px 0 0;
    }
    
    .chapeu {
        font-family: "Founders-Grotesk-X-Cond-Semibold";
        font-size: 21px;
        color: #c40d21;
        text-transform: uppercase;
    }
    
    .endereco {
        font-family: "FoundersGrotesk-Regular";
    }
    
    .quadradinho {
        background-color: #f8971d;
        width: 7px;
        height: 7px;
    }
    
    .imagem-titulo {
        width: 560px;
        height: 168px;
    }
    
    @media screen and (max-width: 480px) {
        #pagina {
            width: 480px;
            background-color: #ffffff;
        }
        #pagina .caixa .titulo {
            width: 460px;
            background: #000000;
            margin-left: 0px;
        }
        #pagina .caixa .titulo:hover {
            cursor: pointer;
            background: #000;
        }
        #pagina .caixa .conteudo {
            padding: 10px;
            line-height: 150%;
            margin-left: 6px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 20px;
        }
        #pagina .caixa .hide {
            display: none;
        }
        .titulos {
            width: 460px;
        }
        .artes {
            width: 431px;
            height: 100%;
        }
        .titulo-texto {
            font-family: "Founders-Grotesk-X-Cond-Lt";
            font-size: 60px;
            color: #c9252c;
            margin-top: 30px;
            margin-left: 0px;
        }
        .linha-fina {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 21px;
            line-height: 20px;
            color: #000;
            margin-top: -32px;
            margin-left: 0px;
            width: 440px;
        }
        .fotos-artes {
            margin-top: 9px;
            width: 431px;
        }
        .legenda {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 20px;
            color: #000;
            margin-top: 9px;
        }
        .texto-materia {
            font-family: "FoundersGrotesk-Regular";
            font-size: 23px;
            line-height: 32px;
            width: 431px;
            margin-top: 26px;
        }
        .texto-materia-indicados {
            font-family: "FoundersGrotesk-medium";
            font-size: 23px;
            line-height: 32px;
            width: 431px;
            margin-top: 26px;
        }
        .imagem-titulo {
            width: 431px;
        }
    }
    
    @media screen and (max-width: 414px) {
        #pagina {
            width: 394px;
            background-color: #ffffff;
        }
        #pagina .caixa .titulo {
            width: 394px;
            background: #000000;
            margin-left: 0px;
        }
        #pagina .caixa .titulo:hover {
            cursor: pointer;
            background: #000;
        }
        #pagina .caixa .conteudo {
            padding: 10px;
            line-height: 150%;
            margin-left: 6px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 20px;
        }
        #pagina .caixa .hide {
            display: none;
        }
        .titulos {
            width: 370px;
        }
        .artes {
            width: 370px;
            height: 100%;
        }
        .titulo-texto {
            font-family: "Founders-Grotesk-X-Cond-Lt";
            font-size: 53px;
            color: #c9252c;
            margin-top: 32px;
            margin-left: 0px;
        }
        .linha-fina {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 18px;
            color: #000;
            margin-top: -32px;
            margin-left: 0px;
            width: 370px;
        }
        .fotos-artes {
            margin-top: 9px;
            width: 370px;
        }
        .legenda {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 20px;
            color: #000;
            margin-top: 9px;
            width: 370px
        }
        .texto-materia {
            font-family: "FoundersGrotesk-Regular";
            font-size: 20px;
            line-height: 28px;
            width: 370px;
            margin-top: 16px;
        }
        .texto-materia-indicados {
            font-family: "FoundersGrotesk-medium";
            font-size: 20px;
            line-height: 28px;
            width: 370px;
            margin-top: 16px;
        }
        .imagem-titulo {
            width: 370px;
        }
    }
    
    @media screen and (max-width: 375px) {
        #pagina {
            width: 355px;
            background-color: #ffffff;
        }
        #pagina .caixa .titulo {
            width: 355px;
            background: #000000;
            margin-left: 0px;
        }
        #pagina .caixa .titulo:hover {
            cursor: pointer;
            background: #000;
        }
        #pagina .caixa .conteudo {
            padding: 10px;
            line-height: 150%;
            margin-left: 6px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 20px;
        }
        #pagina .caixa .hide {
            display: none;
        }
        .titulos {
            width: 333px;
        }
        .artes {
            width: 333px;
            height: 100%;
        }
        .titulo-texto {
            font-family: "Founders-Grotesk-X-Cond-Lt";
            font-size: 53px;
            color: #c9252c;
            margin-top: 32px;
            margin-left: 0px;
        }
        .linha-fina {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 18px;
            color: #000;
            margin-top: -32px;
            margin-left: 0px;
            width: 333px;
        }
        .fotos-artes {
            margin-top: 9px;
            width: 333px;
        }
        .legenda {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 20px;
            color: #000;
            margin-top: 9px;
            width: 333px
        }
        .texto-materia {
            font-family: "FoundersGrotesk-Regular";
            font-size: 18px;
            line-height: 22px;
            width: 333px;
            margin-top: 16px;
        }
        .texto-materia-indicados {
            font-family: "FoundersGrotesk-medium";
            font-size: 18px;
            line-height: 22px;
            width: 333px;
            margin-top: 16px;
        }
        .imagem-titulo {
            width: 333px;
        }
    }
    
    @media screen and (max-width: 360px) {
        #pagina {
            width: 355px;
            background-color: #ffffff;
        }
        #pagina .caixa .titulo {
            width: 355px;
            background: #000000;
            margin-left: 0px;
        }
        #pagina .caixa .titulo:hover {
            cursor: pointer;
            background: #000;
        }
        #pagina .caixa .conteudo {
            padding: 10px;
            line-height: 150%;
            margin-left: 6px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 20px;
        }
        #pagina .caixa .hide {
            display: none;
        }
        .titulos {
            width: 333px;
        }
        .artes {
            width: 333px;
            height: 100%;
        }
        .titulo-texto {
            font-family: "Founders-Grotesk-X-Cond-Lt";
            font-size: 53px;
            color: #c9252c;
            margin-top: 32px;
            margin-left: 0px;
        }
        .linha-fina {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 18px;
            color: #000;
            margin-top: -32px;
            margin-left: 0px;
            width: 333px;
        }
        .fotos-artes {
            margin-top: 9px;
            width: 333px;
        }
        .legenda {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 20px;
            color: #000;
            margin-top: 9px;
            width: 333px
        }
        .texto-materia {
            font-family: "FoundersGrotesk-Regular";
            font-size: 18px;
            line-height: 22px;
            width: 333px;
            margin-top: 16px;
        }
        .texto-materia-indicados {
            font-family: "FoundersGrotesk-medium";
            font-size: 18px;
            line-height: 22px;
            width: 333px;
            margin-top: 16px;
        }
        .imagem-titulo {
            width: 333px;
        }
    }
    
    @media screen and (max-width: 320px) {
        #pagina {
            width: 300px;
            background-color: #ffffff;
        }
        #pagina .caixa .titulo {
            width: 300px;
            background: #000000;
            margin-left: 0px;
        }
        #pagina .caixa .titulo:hover {
            cursor: pointer;
            background: #000;
        }
        #pagina .caixa .conteudo {
            padding: 10px;
            line-height: 150%;
            margin-left: 6px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 20px;
        }
        #pagina .caixa .hide {
            display: none;
        }
        .titulos {
            width: 281px;
        }
        .artes {
            width: 281px;
            height: 100%;
        }
        .titulo-texto {
            font-family: "Founders-Grotesk-X-Cond-Lt";
            font-size: 53px;
            color: #c9252c;
            margin-top: 32px;
            margin-left: 0px;
        }
        .linha-fina {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 18px;
            color: #000;
            margin-top: -32px;
            margin-left: 0px;
            width: 281px;
        }
        .fotos-artes {
            margin-top: 9px;
            width: 281px;
        }
        .legenda {
            font-family: "FoundersGrotesk-Semibold";
            font-size: 18px;
            line-height: 20px;
            color: #000;
            margin-top: 9px;
            width: 281px
        }
        .texto-materia {
            font-family: "FoundersGrotesk-Regular";
            font-size: 18px;
            line-height: 22px;
            width: 281px;
            margin-top: 16px;
        }
        .texto-materia-indicados {
            font-family: "FoundersGrotesk-medium";
            font-size: 18px;
            line-height: 22px;
            width: 281px;
            margin-top: 16px;
        }
        .imagem-titulo {
            width: 281px;
        }
    }