@media only screen and (min-width: 280px) and (max-width: 500px) {
    body {
        background-size: 100% auto;
    }

    .friday {
        flex: 1 1 200px;
        font-size: clamp(10px, 5vh, 10px);
    }

    .container-article {
        display: grid;
        padding-top: 250px;
    }

    .artigo {
        display: flex;
        flex-direction: column-reverse;
    }

    .icons {
        display: none;
    }

    .assuntos--div {
        margin: 0 auto;
        width: 100%;
        height: auto;
        box-shadow: none;
        padding: 0;
    }

    .div--conteudo {
        display: grid;
        flex-direction: column;
        width: 100%;
    }

    h4 {
        font-size: clamp(6vh, 5vh, 10px);
    }

    .span--cabecalho {
        font-size: clamp(15px, 5vh, 10px);;
    }

    .strong {
        font-size: clamp(15px, 5vh, 10px);
    }

    #main {
        margin: 0 auto;
    }

    .div--sites--dominion {
        margin: 10px auto;
        width: 100%;
    }

    .blogs {
        width: 100%;
        margin: 0 auto;
        text-align: justify;
    }

    .div--footer {
        width: 100%;
    }

    p {
        text-align: center;
    }
}


@media only screen and (min-width: 501px) and (max-width: 780px) {
    body {
        background-size: 100% auto;
    }

    .friday {
        flex: 1 1 200px;
        font-size: clamp(10px, 5vh, 10px);
    }

    .container-article {
        display: grid;
        padding-top: 250px;
    }

    .artigo {
        display: flex;
        flex-direction: column-reverse;
    }

    .icons {
        display: none;
    }

    .assuntos--div {
        margin: 0 auto;
        width: 100%;
        height: auto;
        box-shadow: none;
        padding: 0;
    }

    .div--conteudo {
        display: grid;
        flex-direction: column;
        width: 100%;
    }

    h4 {
        font-size: clamp(6vh, 5vh, 10px);
    }

    .span--cabecalho {
        font-size: clamp(15px, 5vh, 10px);;
    }

    .strong {
        font-size: clamp(15px, 5vh, 10px);
    }

    .div--conteudo .size {

    }

    #main {
        margin: 0 auto;
    }

    .div--sites--dominion {
        margin: 10px auto;
        width: 100%;
    }

    .blogs {
        width: 100%;
        margin: 0 auto;
        text-align: justify;
    }

    .div--footer {
        width: 100%;
    }

    p {
        text-align: center;
    }
}

@media only screen and (min-width: 781px) and (max-width: 1073px) {
    body {
        background-size: 100% auto;
    }

    .friday {
        display: flex;
        font-size: clamp(11px, 4vh, 11px);
    }

    .container-article {
        display: grid;
        padding-top: 250px;
    }

    .artigo {
        display: flex;
        flex-direction: column-reverse;
    }

    .icons {
        display: none;
    }

    .assuntos--div {
        margin: 0 auto;
        width: 100%;
        height: auto;
        /* box-shadow: none;
        padding: 0; */
    }

    .div--conteudo {
        /* display: grid;
        flex-direction: column; */
        width: 100%;
    }

    h4 {
        font-size: clamp(6vh, 5vh, 10px);
    }

    .span--cabecalho {
        font-size: clamp(15px, 5vh, 10px);;
    }

    .strong {
        font-size: clamp(15px, 5vh, 12px);
    }

    #main {
        margin: 0 auto;
    }

    .div--sites--dominion {
        margin: 10px auto;
        width: 100%;
    }

    .blogs {
        width: 100%;
        margin: 0 auto;
        text-align: justify;
    }

    .div--footer {
        width: 100%;
    }

    p {
        text-align: center;
    }
}