/*POPUP*/

#popupbox {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: rgba(17, 17, 17, 0.90);
    z-index: 1000;
    overflow: hidden;
    -webkit-transition: display 1.3s linear;
    -moz-transition: display 1.3s linear;
    -o-transition: display 1.3s linear;
    transition: display 1.3s linear;
}

    #popupbox:hover {
        cursor: pointer;
    }


.popup {
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .popup img {
        width: 100%;
    }


.boton-cerrar {
    color: #fff;
    width: 90%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding-top: 10px;
    font-size: 1.2em;

}