body {
        background-color: black;
    }
    
    #pagina {
        width: 560px;
        background-color: #fcfcfc;
        /* 	margin:100px auto 0;
	 */
    }
    
    #pagina .caixa .titulo {
        width: 560px;
        height: 65px;
        background: #000000;
        margin-left: 0px;
    }
    
    #pagina .caixa .titulo:hover {
        cursor: pointer;
        background: #000000;
    }
    
    #pagina .caixa .conteudo {
        padding: 20px;
        line-height: 150%;
        margin-left: -2px;
        font-family: 'Noticia Text', serif;
        font-weight: 400;
        font-size: 20px;
    }
    
    #pagina .caixa .hide {
        display: none;
    }
    
    .titulos {
        width: 540px;
    }
    
    .leia {
        font-family: 'Noticia Text', serif;
        font-weight: 700;
        font-size: 20px;
    }
    
    .sinaldemais {
        font-family: 'Noticia Text', serif;
        font-weight: 700;
        font-size: 35px;
        line-height: 15px;
    }
    
    .quadrado-amarelo {
        background-color: #fedd02;
        width: 20px;
        height: 20px;
        position: absolute;
        padding-left: 2px;
    }
    
    .clicklink {
        font-family: 'Noticia Text', serif;
        font-weight: 400;
        font-size: 20px;
    }
    
    a:visited,
    a:active {
        text-decoration: none;
        color: black;
    }
    
    a:link {
        text-decoration: underline;
        color: black;
    }
    
    .imagem-titulo {
        width: 560px;
        height: 168px;
    }
    
    @media screen and (max-width: 414px) {
        #pagina {
            width: 400px;
        }
        .titulos {
            width: 400px;
        }
        #pagina .caixa .conteudo {
            padding-left: 15px;
            padding-right: 26px;
            line-height: 130%;
            margin-left: -3px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 18px;
        }
        #pagina .caixa .titulo {
            width: 400px;
            margin-left: 0px;
            height: 45px;
        }
        .imagens-03 {
            width: 300px;
            margin-left: 0px;
        }
        .leia {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 18px;
        }
        .sinaldemais {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 10px;
        }
        .quadrado-amarelo {
            background-color: #fedd02;
            width: 15px;
            height: 15px;
            position: absolute;
            padding-left: 5px;
        }
        .clicklink {
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 15px;
        }
        .imagem-titulo {
            width: 400px;
            height: auto;
        }
    }
    
    @media screen and (max-width: 375px) {
        #pagina {
            width: 360px;
        }
        .titulos {
            width: 360px;
        }
        #pagina .caixa .conteudo {
            padding-left: 15px;
            padding-right: 26px;
            line-height: 130%;
            margin-left: -3px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 18px;
        }
        #pagina .caixa .titulo {
            width: 360px;
            margin-left: 0px;
            height: 35px;
        }
        .imagens-03 {
            width: 360px;
            margin-left: 0px;
        }
        .leia {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 15px;
        }
        .sinaldemais {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 12px;
        }
        .quadrado-amarelo {
            background-color: #fedd02;
            width: 15px;
            height: 15px;
            position: absolute;
            padding-left: 5px;
        }
        .clicklink {
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 15px;
        }
        .imagem-titulo {
            width: 365px;
            height: auto;
        }
    }
    
    @media screen and (max-width: 360px) {
        #pagina {
            width: 360px;
        }
        .titulos {
            width: 360px;
        }
        #pagina .caixa .conteudo {
            padding-right: 26px;
            padding-left: 7px;
            line-height: 130%;
            margin-left: -3px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 18px;
        }
        #pagina .caixa .titulo {
            width: 360px;
            margin-left: 0px;
            height: 35px;
        }
        .imagens-03 {
            width: 360px;
            margin-left: 0px;
        }
        .leia {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 15px;
        }
        .sinaldemais {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 12px;
        }
        .quadrado-amarelo {
            background-color: #fedd02;
            width: 15px;
            height: 15px;
            position: absolute;
            padding-left: 5px;
        }
        .clicklink {
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 15px;
        }
        .imagem-titulo {
            width: 360px;
            height: auto;
        }
    }
    
    @media screen and (max-width: 320px) {
        #pagina {
            width: 305px;
        }
        .titulos {
            width: 305px;
        }
        #pagina .caixa .conteudo {
            padding: 15px;
            line-height: 150%;
            margin-left: -3px;
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 15px;
        }
        #pagina .caixa .titulo {
            width: 300px;
            margin-left: 0px;
            height: 35px;
        }
        .imagens-03 {
            width: 300px;
            margin-left: 0px;
        }
        .leia {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 15px;
        }
        .sinaldemais {
            font-family: 'Noticia Text', serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 12px;
        }
        .quadrado-amarelo {
            background-color: #fedd02;
            width: 15px;
            height: 15px;
            position: absolute;
            padding-left: 5px;
        }
        .clicklink {
            font-family: 'Noticia Text', serif;
            font-weight: 400;
            font-size: 15px;
        }
        .imagem-titulo {
            width: 300px;
            height: 90px;
        }
    }