body {
    background-image: url("../img/macaslivros.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.logo{
    width: 40px;
}

.logoname {
    font-size: 2.1em;
}

.rigth {
    float: right;
}

.info a {
    font-size: 0.9em;
    color: red;
}
.info a:hover{
    text-decoration: none;
    font-size: 0.91em;
    color: red;
}

.textomacasdu {
    margin-top: 410px;
    width: 100%;
    padding: 10px 0;
    background-color: rgba(255,255,255,0.43);
    font-size: 2.5em;
    text-align: center;
}

.livro_motivo {
    width: 100%;
    padding-left: 30px;
    /*background-color: orange;*/
    margin-top: 100px;
}

.livro_motivo div {
    /*float: left;*/
    /*border: 1px solid black;*/
}

.macaslivro_imagem img{
    width: 100%;
    height: 340px;
}

.macaslivro_imagem2 img{
    width: 100%;
    height: 340px;
}

.macaslivro_texto {
    background-color: rgba(255,255,255,0.43);
    font-size: 1.5em;
    text-align: center;
}


.rodape {
    border-top: 20px solid white;
    background-color: #1d2124;
    width: 100%;
    /*height: 50px;*/
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.rodape div  {
    padding-left: 30px;
}
.rodape div p {
    font-size: 0.9em;
    line-height: 10px;
    text-align: left;
    margin-left: 30px;
}

.rodape span {
    font-size: 1em;
}

.mobile_redes {
    display: none;
}

.desktop_redes {
    font-size: 1.7em;
}



@media screen and (max-width: 1100px) and (min-width: 900px) {

    body {
        background-image: url("../img/macaslivros.jpg");
    background-repeat: no-repeat;
        background-size: 100%;
    }

    .logo{
        width: 40px;
    }

    .logoname {
        font-size: 2.1em;
    }

    .rigth {
        float: right;
    }

    .info a {
        font-size: 0.9em;
        color: red;
    }
    .info a:hover{
        text-decoration: none;
        font-size: 0.91em;
        color: red;
    }
    body {
        background-image: url("../img/macaslivros.jpg");
        background-repeat: no-repeat;
        background-size: 100% 540px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 60px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 33%;
        width: 100%;

        padding: 5px 10px;
        background-color: rgba(255, 255, 255, 0.43);
        font-size: 1.6em;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 10px;
    }

    .rodape div  {
        padding-left: 30px;
    }
    .rodape div p {
        font-size: 0.9em;
        line-height: 10px;
        text-align: left;
        margin-left: 30px;
    }

    .rodape span {
        font-size: 1em;
    }

    .desktop_redes {
        font-size: 1.7em;
    }

}

@media screen and (max-width: 900px) and (min-width: 800px) {

    body {
        background-image: url("../img/macaslivros.jpg");
    background-repeat: no-repeat;
        background-size: 100% 540px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 60px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 33%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div  h4{
        font-size: 1.2em;
        padding-left: 15px;
    }


    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }
    .desktop_redes {
        font-size: 1.7em;
    }

}

@media screen and (max-width: 800px) and (min-width: 750px) {

    body {
        background-image: url("../img/macaslivros.jpg");
    background-repeat: no-repeat;
        background-size: 100% 530px;
    }



    body {
        background-image: url("../img/macaslivros.jpg");
        background-repeat: no-repeat;
        background-size: 100% 510px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 0.9em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 35%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }



    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div  h4{
        font-size: 1.2em;
        padding-left: 15px;
    }


    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .desktop_redes {
        font-size: 1.6em;
    }

}

@media screen and (max-width: 750px) and (min-width: 700px) {

    body {
        background-image: url("../img/macaslivros.jpg");
        background-repeat: no-repeat;
        background-size: 100% 530px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 0.9em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 40%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }



    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div  h4{
        font-size: 1.2em;
        padding-left: 15px;
    }


    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }
    .desktop_redes {
        font-size: 1.6em;
    }


}

@media screen and (max-width: 700px) and (min-width: 650px) {


    body {
        background-image: url("../img/macaslivros.jpg");
        background-repeat: no-repeat;
        background-size: 100% 510px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 200px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 0.9em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 40%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div  h4{
        font-size: 1.2em;
        padding-left: 15px;
    }


    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile_redes{
        display: initial;
        font-size: 1.5em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 650px) and (min-width: 600px) {


    body {
        background-image: url("../img/macaslivros.jpg");
        background-repeat: no-repeat;
        background-size: 100% 600px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 240px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 240px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 60%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div  h4{
        font-size: 1.2em;
        padding-left: 15px;
    }


    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.5em;
    }
    .desktop_redes {
        display: none;
    }


}

@media screen and (max-width: 600px) and (min-width: 570px) {

    body {
        background-image: url("../img/macaslivros.jpg");
        background-repeat: no-repeat;
        background-size: 100% 600px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 240px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 240px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 60%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 10px;
    }

    .rodape div  h4{
        font-size: 1em;
    }

    .rodape div p {
        font-size: 0.8em;
        line-height: 13px;
        text-align: left;
        margin-left: 15px;
    }

    .rodape span {
        font-size: 0.8em;
    }

    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.5em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 570px) and (min-width: 560px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 640px;
    }


    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 540px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 540px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 80%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.4em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 560px) and (min-width: 520px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 630px;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 540px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 540px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        margin-top: 10px;
        text-align: center;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 80%;
        width: 100%;
        padding: 5px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.6em;
        text-align: center;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }

    .mobile_redes{
        display: initial;
        font-size: 1.4em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 519px) and (min-width: 480px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 600px;
    }

    .textomacasdu {
        font-weight: 600;
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.5em;
        text-align: center;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 450px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 450px;
    }

    .macaslivro_texto {

        margin-top: 10px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }


    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.4em;
    }
    .desktop_redes {
        display: none;
    }
}

@media screen and (max-width: 480px) and (min-width: 440px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 600px;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 320px;
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.7em;
        text-align: center;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 450px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 450px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.5em;
        margin-top: 10px;
        text-align: center;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.4em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 440px) and (min-width: 420px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 480px;
    }

    .colorScreen {
        background-color: yellow;
    }
    .textomacasdu {
        font-weight: 600;
        margin-top: 235px;
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.4em;
        text-align: center;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        margin-top: 10px;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }

    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.4em;
    }
    .desktop_redes {
        display: none;
    }
}

@media screen and (max-width: 420px) and (min-width: 402px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 450px;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 210px;
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.4em;
        text-align: center;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        margin-top: 10px;
        text-align: center;
    }



    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1.4em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 402px) and (min-width: 380px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 450px;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 210px;
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.3em;
        text-align: center;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        margin-top: 10px;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }

    .mobile_redes{
        display: initial;
        font-size: 1.3em;
    }
    .desktop_redes {
        display: none;
    }

}

@media screen and (max-width: 380px) and (min-width: 340px) {

    body {
        background-image: url("../img/macaslivro.jpg");
    background-repeat: no-repeat;
        background-size: 100% 450px;
    }

    .textomacasdu {
        font-weight: 600;
        margin-top: 210px;
        width: 100%;
        padding: 10px 10px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.3em;
        text-align: center;
    }

    .livro_motivo {
        width: 100%;
        margin-top: 50px;
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 340px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        margin-top: 10px;
        text-align: center;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }
    .mobile_redes{
        display: initial;
        font-size: 1em;
    }
    .desktop_redes {
        display: none;
    }
}

@media screen and (max-width: 340px) and (min-width: 300px) {

    body {
        background-image: url("../img/macaslivro.jpg");
        background-repeat: no-repeat;
        background-size: 100% 420px;
    }


    .textomacasdu {
        font-weight: 600;
        margin-top: 65%;
        width: 100%;
        padding: 10px 5px;
        background-color: rgba(255,255,255,0.43);
        font-size: 1.2em;
        text-align: center;
        
    }


    .livro_motivo {
        width: 100%;
        margin-top: 20px;
    }

    .livro_motivo div {
        /*float: left;*/
        /*border: 1px solid black;*/
    }

    .macaslivro_imagem img{
        width: 100%;
        height: 300px;
    }

    .macaslivro_imagem2 img{
        width: 100%;
        height: 300px;
    }

    .macaslivro_texto {
        background-color: rgba(255,255,255,0.43);
        font-size: 1em;
        margin-top: 10px;
        text-align: center;
    }


    .rodape {
        border-top: 20px solid white;
        background-color: #1d2124;
        width: 100%;
        /*height: 50px;*/
        color: #fff;
        text-align: center;
        padding-top: 2px;
    }

    .rodape div  {
        margin-top: 10px;
        padding-left: 20px;
    }

    .rodape div p {
        font-size: 0.9em;
        line-height: 13px;
        text-align: left;
        margin-left: 20px;
    }

    .rodape span {
        font-size: 0.9em;
    }

    .mobile {
        display: none;
    }

    .mobile_redes{
        display: initial;
        font-size: 1em;
    }
    .desktop_redes {
        display: none;
    }
}