section{float:left;width:100%;padding:20px 0}h2{text-align:center;text-transform:uppercase;text-shadow:0 0 1px #000;font-weight:700;line-height:22px;font-size:18px;letter-spacing:8px}blockquote{text-align:justify}cite{font-size:10px;padding:10px 0;float:left;width:100%;font-style:normal;text-transform:uppercase;text-align:center;letter-spacing:4px}.demo-1 .deco{position:relative;margin-bottom:-5px;}
.uno{background:#fff;margin-top:60px}
.dos{background:#000}.dos h2,.dos [data-icon]:after{color:#fff}.dos blockquote{color:#999}
.tres{background:#db84ad}.tres .deco{border-color:#fff;border-color:rgba(255,255,255,0.5)}.tres [data-icon]:after{color:#fff;text-shadow:0 0 1px #fff;box-shadow:inset 0 0 0 10px #b55381}.tres h2,.tres blockquote{color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,0.3)}
.cuatro{background:#5bc2ce}.cuatro .deco{border-color:#379eaa}.cuatro [data-icon]:after{text-shadow:0 0 1px #277d87;color:#277d87}.cuatro h2,.cuatro blockquote{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.cinco{background:#ffeb41}.cinco .deco{border-color:#ECD82C}.cinco .deco:after{color:#000;text-shadow:0 0 1px #000}.cinco h2,.cinco blockquote{color:#000;text-shadow:1px 1px 1px rgba(0,0,0,0.1)}
@media only screen and (min-width: 768px){section{padding:50px 0}blockquote p{font-size:1.2em;max-width:680px;margin:auto}h2{line-height:50px;letter-spacing:13px;font-size:34px}cite{font-size:13px;padding:30px 0}.uno{margin-top:100px}}
@media only screen and (min-width: 1024px){section{padding:100px 0}blockquote p{max-width:932px}}