#navigation_controls {
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    /* width: 0%; */
    padding-left: 5%;
    padding-right: 5%;
}

#go_previous,
#go_next {
    background-color: #02735E;
    width: 100px;
}

.render-images {
    margin-top: 70px;
}
img {
    max-width: 100%;
    width: 90%;
}
/* Para 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
    img {
        max-width: 100%;
        width: 90%;
    }
}

/* Para 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
    img {
        max-width: 100%;
        width: 90%;
    }
}

/* Para 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
    img {
        max-width: 100%;
        width: 90%;
    }
}

/* Para 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
    img {
        max-width: 100%;
        width: 90%;
    }
}

/* Para 320px */
@media only screen and (max-width: 340px) and (min-width: 5px) {
    img {
        max-width: 100%;
        width: 90%;
    }
}