#banner{
    font-family: 'Archivo Black', sans-serif;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    background-image: url(/clubes-de-barrio/jt51/webapp/imagenes/encabezadofixturebaja.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 1.5em;
    line-height: 1.3em;
    padding: 5em 1em 
}

/*------------------------------------
                    TABLA POSICIONES
------------------------------------*/

.puntajes {
    text-align: center;
}

.detalletitulo {
    background-color: rgb(34,33,33);
    color: #ffffff;
    
}

.detalle {
    border: none;
    background-color: #a8a8a8;
    text-align: center;
    color: rgb(34,33,33)
    
}

.equipo {
    background-color: rgb(104,136,155);
    font-weight: 700;
    color: #ffffff;
}

/*------------------------------------
                    FIXTURE
------------------------------------*/

.tablaporfecha,
    .tablaposiciones {
        margin-top: 1em;
    }

.fixture {
    font-family: 'Archivo Black', sans-serif;
    text-align: center;
    color: #ffffff;
    padding: 1em 0
}


table {
   width: 100%;
   padding: 0 1em;
   font-weight: 700;
}

.tablaporfecha,
.posiciones {
    margin-bottom: 1em;
}

td, th {
   padding: 0.3em;
}


.columnader,
.equipo{
    text-align: left;
}

.columnaizq {
    text-align: right;
}

.columnacentro {
    text-align: center;
    background-color: #a8a8a8;
    font-family: 'Archivo Black', sans-serif;
    color: rgb(34,33,33);
}

.columnacentrovivo {
    text-align: center;
    background-color: rgb(104,136,155);
    font-family: 'Archivo Black', sans-serif;
}

.columnacentroproxima {
    text-align: center;
    background-color: rgb(34,33,33);
    font-family: 'Archivo Black', sans-serif;
    color: #ffffff;
}

.par,
.puntajes {
    background-color: #ffffff;
}

.impar {
    background-color: #a8a8a8;
}

.fecha {
    font-family: 'Archivo Black';
    text-align: center;
    background-color: rgb(104,136,155);
    color: #ffffff;
}


#fechaactual {
    color: #ffffff;
    font-family: 'Archivo Black';
    text-align: center;
    background-color: #DA251E;
}

.proximafecha {
    color: rgb(104,136,155);
    font-family: 'Archivo Black';
    text-align: center;
    background-color: rgb(34,33,33);
}

#envivo {
    background-color: rgb(104,136,155);
    border: solid 1px #ffffff;
}

#envivo:hover {
    background-color: #DA251E;
}
/*----------------------------------------------- 
                MOSTRAR TABLA
-----------------------------------------------*/
/*
cuando la ventana del navegador mida
como mínimo 640px de ancho (TAMAÑO TABLET)
*/
@media (min-width: 40em) {
  
    section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
    }  
    .tablaporfecha,
    .tablaposiciones {
        width: 25%;
        margin-top: 1em;
    }
    
   }

/*
cuando la ventana del navegador mida
como mínimo 1200px de ancho (TAMAÑO WEB)
*/
@media (min-width: 75em) {
#banner{
    height: auto;
    width: 100%;
    background-size: cover;
    font-size: 4em;
    line-height: 1.3em;
    padding: 2.5em 1em;
    background-position: bottom;
}