html { font-family: cursive; } img { display: block; margin: 0 auto; max-width: 100%; } p { margin-bottom: 10px; } section { display: flex; flex-wrap: wrap; margin: 20px; } article { flex: 1 400px; margin: 20px; text-align: justify; } hr { height: 3px; width: 90%; border-width: 0; background-color: cornflowerblue; margin: auto; } .tituloPagina { /*text-align: center;*/ text-decoration-line: underline; text-decoration-style: double; font-family: initial; margin-left: 50px; color: steelblue; } .indice ul,ol { margin-left: 20px; } .indice li { margin-bottom: 5px; margin-top: 5px; text-align: left; } .indice h3 { margin-bottom: 10px; text-align: center; } .conColorFondo { background-color: gainsboro; border-radius: 10px; padding: 5px; } /*Fondos. Están preparados pero no usados todos*/ .fondo1 { background-image: url(../decoraciones/hombre1gris.png); background-size: contain; background-repeat: no-repeat; background-position: right; } .fondoAnimado1 { background-image: url(../decoraciones/menos-mas.gif); background-repeat: no-repeat; background-position: center; } .fondoMultiple1 { background-image: url(../decoraciones/escalador1.png), url(../decoraciones/escalador3.png); background-repeat: no-repeat, no-repeat; background-position: top left, bottom right; } .fondoMultiple2 { background-image: url(../decoraciones/escalador2.png), url(../decoraciones/mujer1gris.png); background-repeat: no-repeat, no-repeat; background-position: center left, center bottom; } .fondoOcupadoCompleto { background-image: url(../decoraciones/fondo_completo1.png); background-size: contain; background-repeat: no-repeat; background-position: bottom; } @media screen and (max-width: 768px) { html { font-family: sans-serif; } img { display: block; margin: 0 auto; max-width: 100%; } section { display: flex; flex-wrap: wrap; margin: 10px; } article { flex: 1 400px; margin-top: 10px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; text-align: justify; } hr { height: 3px; width: 90%; border-width: 0; background-color: cornflowerblue; margin: auto; } .tituloPagina { /*text-align: center;*/ text-decoration-line: underline; text-decoration-style: double; font-family: initial; margin-left: 50px; color: steelblue; } .indice ul,ol { margin-left: 20px; } .indice li { margin-bottom: 5px; margin-top: 5px; text-align: left; } .indice h3 { margin-bottom: 10px; text-align: center; } }