body {
    /* Location of the image */
    background-image: url(images/background-photo-blur.png);
    /* Image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Image doesn't repeat */
    background-repeat: no-repeat;
    /* Makes the image fixed in the viewport so that it doesn't move when 
       the content height is greater than the image height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based on its container's size */
    background-size: cover;
    /* Pick a solid background color that will be displayed while the background image is loading */
    background-color: #bcbcbc;
    /* SHORTHAND CSS NOTATION
     * background: url(background-photo.jpg) center center cover no-repeat fixed;
     */
}

.div-anuncio {
    width: 62%;
    height: 70%;
    background-image: url(images/Banner.png);
    background-position: center center;
    /* Image doesn't repeat */
    background-repeat: no-repeat;
    /* Makes the image fixed in the viewport so that it doesn't move when 
       the content height is greater than the image height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based on its container's size */
    background-size: cover;
}

.div-btn-anuncio {
    position: absolute;
    bottom: 1%;
    right: 13%;
}

.btn-anuncio {
    font-weight: bold;
    background-color: #FCE000;
    font-size: 20px;
}


/* For tablets devices */

@media only screen and (max-width: 1400px) {
    .div-anuncio {
        width: 70%;
        background-image: url(images/background-photo.png);
    }
    .div-btn-anuncio {
        bottom: 16%;
        right: 21%;
    }
    .btn-anuncio {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .div-btn-anuncio {
        bottom: 18%;
        right: 20%;
    }
    .btn-anuncio {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .div-btn-anuncio {
        bottom: 18%;
        right: 17%;
    }
    .btn-anuncio {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        /* The file size of this background image is 93% smaller
       * to improve page load speed on mobile internet connections */
        background-image: url(images/background-photo-mobile-devices-blur.png);
    }
    .div-anuncio {
        width: 90%;
        height: 90%;
        background-image: url(images/background-photo-mobile-devices.png);
    }
    .div-btn-anuncio {
        bottom: 48%;
        right: 17%;
    }
    .btn-anuncio {
        font-size: 40px;
    }
}


/* For mobile devices */

@media only screen and (max-width: 820px) {
    body {
        /* The file size of this background image is 93% smaller
       * to improve page load speed on mobile internet connections */
        background-image: url(images/background-photo-mobile-devices-blur.png);
    }
    .div-anuncio {
        width: 90%;
        height: 90%;
        background-image: url(images/background-photo-mobile-devices-1080.png);
    }
    .div-btn-anuncio {
        bottom: 47%;
        right: 15%;
    }
    .btn-anuncio {
        font-size: 36px;
    }
}

@media only screen and (max-width: 540px) {
    body {
        /* The file size of this background image is 93% smaller
       * to improve page load speed on mobile internet connections */
        background-image: url(images/background-photo-mobile-devices-blur.png);
    }
    .div-anuncio {
        width: 90%;
        height: 90%;
        background-image: url(images/background-photo-mobile-devices-1080.png);
    }
    .div-btn-anuncio {
        bottom: 47%;
        right: 15%;
    }
    .btn-anuncio {
        font-size: 20px;
    }
}

@media only screen and (max-width: 412px) {
    body {
        /* The file size of this background image is 93% smaller
       * to improve page load speed on mobile internet connections */
        background-image: url(images/background-photo-mobile-devices-blur.png);
    }
    .div-anuncio {
        width: 90%;
        height: 90%;
        background-image: url(images/background-photo-mobile-devices-1080.png);
    }
    .div-btn-anuncio {
        bottom: 48%;
        right: 8%;
    }
    .btn-anuncio {
        font-size: 20px;
    }
}