body {
        background-color: blue;
        background-size: cover;
        background-repeat: no-repeat;
        border: 0;
    }


    .img-responsive {
        width: 100%;
        height: auto;
    }
    .img-position {
        margin-top: 100px;
        margin-bottom: 30px;
    }

    .img-position-02 {
        margin-top: 20px;
    }

    .text-01 {
        color: yellow;
        font-family: times;
        font-size: 20px;
    }

    .text-02 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
    }

    .text-03 {
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        margin-top: -15px;
    }

    /* Add a hover effect if you want */
    a {
        text-decoration: none;
        color: white;
    }

    a:hover {
        color: yellow;
    }

    /* Style all font awesome icons */
    .fa {
        padding: 20px;
        font-size: 30px;
        width: 50px;
        text-align: center;
        text-decoration: none;
    }

    /* Add a hover effect if you want */
    .fa:hover {
        color: yellow;
    }

    /* Set a specific color for each brand */

    /* Facebook */
    .fa-instagram {
        color: white;
    }


@media (max-width: 480px) {
    .img-responsive {
        width: 70%;
        height: auto;
    }
        body {
        background-image: url('../img/capa_temp.jpg');
        background-color: black;
        background-size: 250%;
        background-repeat: no-repeat;
        border: 0;
    }
}