*{
    margin: 0;
    padding: 0;
    outline: none !important;
}

body, html{
    height: 100%;
    width: 100%;
}

.container-intro{
    width: 100%;
    height: 100%;
    display: table;
    background: linear-gradient(110deg, rgba(29, 32, 52, 0.8) 20%, rgba(162, 84, 110, 0.8) 100%),
                url("../images/fondo-pc.jpg") no-repeat center top;
    background-size: cover;
}

.row-intro{
    width: 100%;
    height: 100%;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.logo{
    width: 400px;
    height: auto;
    padding: 20px;
    background: rgba(255,255,255, 0.7);
}

.ul-banderas{
    list-style: none;
    width: 400px;
    background: rgba(255,255,255, 0.7);
    margin: auto;
    padding: 20px;
    margin-top: 10px;
}

.ul-banderas li{
    display: inline-block;
    width: 46%;
    margin: 0px 1%;
}

.ul-banderas li a{

}

.ul-banderas li a img{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 540px) {
    .container-intro{
        background: linear-gradient(110deg, rgba(29, 32, 52, 0.8) 20%, rgba(162, 84, 110, 0.8) 100%),
        url("../images/fondo-movil.jpg") no-repeat center top !important;
        background-size: cover !important;
    }

    .logo{
        width: 90% !important;
    }

    .ul-banderas{
        width: 90% !important;
    }
}