/* Header */

.header
{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.navbar-nav
{
    margin-left: auto;
}

/* Main */

.introduccion
{
    align-items: center;
    background-image: url(../imagenes/hero.jpg);
    background-position: 100%;
    background-size: cover;
    display: flex;
    min-height: 100vh;
    justify-content: center;
}

.introduccionAlerta
{
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-align: justify;
    width: 45%;
}

.introduccion-a
{
    color: inherit;
    text-decoration: none;
}

.introduccion-a:hover
{
    text-decoration: underline;
}

/* Tabletas normales */

@media screen and (max-width: 1199px) and (min-width: 568px)
{
    /* Header */

    .header
    {
        position: static;
    }

    /* Main */

    .introduccion
    {
        background-position: top;
    }

    .introduccionAlerta
    {
        width: 60%;
    }
}

/* Telefonos */

@media screen and (max-width: 567px)
{
    /* Main */

    .introduccion
    {
        background-position: top;
    }

    .introduccionAlerta
    {
        width: 70%;
    }
}