.logo { width: 70%; text-align: center; padding: 10px; margin:70px auto; } .title { width: 70%; text-align: center; color: #999999; font-size:0.7em; letter-spacing: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 20px; margin:0px auto; } #cards { width: 70%; height: auto; background-color: white; padding: 50px; padding-top: 80px; margin: 30px auto; font-family: 'Lora', serif; font-size: 1.1em; line-height: 1.9em; column-count:2; column-gap: 3em; column-rule: 1px solid #bbb; column-width: 140px; text-align: justify; /* inicia corte de palabras*/ -ms-word-break: break-all; word-break: break-all; word-break: break-word; /* Sólo WebKit -NO DOCUMENTADO */ -ms-hyphens: auto; /* Guiones para separar en sílabas */ -moz-hyphens: auto; /* depende de lang en */ -webkit-hyphens: auto; hyphens: auto; /* termina corte de palabras*/ } .parrafo:first-letter{ font-size:370%; float:left; color: darkgrey; line-height: 1em; padding-right: 5px; } ul { list-style-type: none; margin: 0; padding: 0; color: darkgrey; } ul li a { font-family: 'Lora', serif; font-size: 1.1em; text-decoration: none; color: darkgray; } h2 { width: 100%; text-align: left; color: #999999; font-size:1.2em; letter-spacing: 0.1em; font-weight: normal; } footer { width:70%; height:50px; margin:0px auto; text-align:center; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; clear:both; padding:30px; } footer a { color: #666666; } #cards.parrafo ul li a { color: #000; font-family: 'Lora', serif; font-size: 1.1em; } /*IniciaWA*/ .redes-flotantes { position: fixed; right: 8px; top: 85%; z-index: 20; } .redes-flotantes img { float: right; clear: right; margin: 5px; -moz-transform: scale(.5) ; -webkit-transform: scale(.5) ; -o-transform: scale(.5) ; -ms-transform: scale(.5) ; transform: scale(.5) ; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .redes-flotantes img:hover { -moz-transform: scale(.6) rotate(6deg); -webkit-transform: scale(.6) rotate(6deg); -o-transform: scale(.6) rotate(6deg); -ms-transform: scale(.6) rotate(6deg); transform: scale(.6) rotate(6deg); } /*TerminaWA*/ /*inicia Adaptativo*/ @media (max-width:480px){ .logo { width: 70%; text-align: center; padding: 10px; margin:70px auto; margin-bottom: 20px; } .title { width: 70%; text-align: center; color: #999999; font-size:0.7em; letter-spacing: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 20px; margin:0px auto; } .redes-flotantes { position: fixed; right: -40px; top: 85%; z-index: 20; } } /*termina Adaptativo*/