/*Desktop*/
@media all and (min-width: 1000px) {
    h1 {
        color: #4D4D4C;
        padding: 30px;
    }

    #categorias {
        border: 1px solid #CCC;
        color: #808080;
        width: calc(100% - 60px);
        margin: 0 30px 30px;
        padding: 7px 10px;
    }

    .noticia {
        color: #4D4D4C;
    }

    .noticia .categoria {
        color: #808080;
        font-weight: bold;
    }

    .noticia .texto {
    }

    .noticia .imagem {
        overflow: hidden;
    }

    .noticia img {
        float: left;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    .noticia a:hover img {
        -webkit-transform: rotate(0deg) scale(1.02) skew(0deg) translate(0px);
        -moz-transform: rotate(0deg) scale(1.02) skew(0deg) translate(0px);
        -o-transform: rotate(0deg) scale(1.02) skew(0deg) translate(0px);
    }

    .noticia a:hover {
        color: #0e8a1e;
    }

    .noticia a:hover .categoria {
        color: #0e8a1e;
    }

    /* Grupo de 3 notícias */
    .list-not {
        margin: 0 30px 30px;
    }

    .list-not .noticia {
        float: left;
        margin-left: 30px;
        width: 220px;
        margin-bottom: 30px;
    }

    .list-not .noticia:nth-child(3n+1) {
        margin-left: 0;
    }

    .list-not .noticia .imagem {
        margin-bottom: 7px;
    }

    .list-not .noticia .categoria {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .list-not .noticia h4 {
        margin-bottom: 7px;
        font-size: 16px;
        height: 40px;
        overflow: hidden;
    }

    .list-not .noticia p.texto {
        font-size: 14px;
        height: 39px;
        overflow: hidden;
    }

    .paginacao {
        padding: 0 30px 10px;
        text-align: right;
    }

    .paginacao a {
        display: inline-block;
        border-radius: 2px;
        padding: 7px 14px;
        margin-left: 10px;
        background: #0e8a1e;
        color: #ffffff;
    }

    .paginacao a:hover {
        opacity: 0.8;
    }
}

/*Mobile*/
@media all and (max-width: 999px) {
    h1 {
        color: #4D4D4C;
        padding: 20px;
    }

    #categorias {
        border: 1px solid #CCC;
        color: #808080;
        width: calc(100% - 40px);
        margin: 0 20px 20px;
        padding: 7px 10px;
    }

    .noticia {
        color: #4D4D4C;
    }

    .noticia .categoria {
        color: #808080;
        font-weight: bold;
    }

    .noticia .texto {
    }

    .noticia .imagem {
        overflow: hidden;
    }

    .noticia img {
        float: left;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    .noticia a:hover img {
        -webkit-transform: rotate(0deg) scale(1.02) skew(0deg) translate(0px);
        -moz-transform: rotate(0deg) scale(1.02) skew(0deg) translate(0px);
        -o-transform: rotate(0deg) scale(1.02) skew(0deg) translate(0px);
    }

    .noticia a:hover {
        color: #0e8a1e;
    }

    .noticia a:hover .categoria {
        color: #0e8a1e;
    }

    /* Grupo de 3 notícias */
    .list-not {
        margin: 0 20px 20px;
    }

    .list-not .noticia {
        width: 100%;
        margin-bottom: 20px;
    }

    .list-not .noticia .imagem {
        margin-bottom: 7px;
    }

    .list-not .noticia .imagem img {
        object-fit: cover;
        width: 100% !important;
        height: auto !important;
    }

    .list-not .noticia .categoria {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .list-not .noticia h4 {
        margin-bottom: 7px;
        font-size: 16px;
        height: 40px;
        overflow: hidden;
    }

    .list-not .noticia p.texto {
        font-size: 14px;
        height: 39px;
        overflow: hidden;
    }

    .paginacao {
        padding: 0 20px 10px;
        text-align: right;
    }

    .paginacao a {
        display: inline-block;
        border-radius: 2px;
        padding: 7px 14px;
        margin-left: 10px;
        background: #0e8a1e;
        color: #ffffff;
    }

    .paginacao a:hover {
        opacity: 0.8;
    }
}