html, body{background:#ededed url(amarres.gif);margin:0;padding:0;height:100%;font-family:"PT Sans Narrow", verdana, sans-serif;letter-spacing:1px;text-align:center;font-size:16px;color:#1a1a1a;font-weight:700}
.clear{clear:both;}
img{max-width:100%;}
a:link,a:visited{text-decoration:none;color:inherit;transition:all 0.3s ease;cursor:pointer}
a:hover{color:#ffb033;}
.wsp{position:fixed;bottom:10px;right:10px;background:#00be00 url(wp.png) 14px 14px no-repeat;width:294px;height:50px;overflow:hidden;z-index:6;transition:all 0.3s ease;text-align:right;line-height: 20px;font-weight:700;color:#ededed;padding-right:14px;text-transform:uppercase;border-radius:3px;padding-top:10px;}
.wsp:hover{filter:brightness(70%);}
.hechizo{width:90%;margin:124px auto 12px;max-width:1400px;background:url(bk3.png);}
.uniones{width:100%;background:url(bk2.png) #100b0b;padding:12px 0;}
.uniones img{margin-bottom:-5px;max-width:90%;}
.parejas{width:100%;top:0;left:0;position:fixed;padding:10px 0 8px 0;background:#ffc333;color:#000000;}
.espiritual{text-transform: uppercase;font-size:32px;font-weight:700;line-height: 24px;}
.union{font-size:22px;line-height:20px;}
.brujos{font-size:16px;color:#ffb033;font-style: italic;}
h1{font-size:34px;margin:0 auto;padding:20px 0;color:#ffb033;}
h2{color:#ededed;}
h3,h4{color:#ffb033;}
h4{font-size:18px;}
.vidente{color:#ffb033;}
.hechizo p{margin:16px auto;max-width:90%;color:#FFCC00;}

.brujeria{width:100%;overflow: hidden;height:400px;}
@keyframes hechizos {0% {margin-left: 0;}23% {margin-left: 0;}25% {margin-left: -100%;}48% {margin-left: -100%;}50% {margin-left: -200%;}73% {margin-left: -200%;}75% {margin-left: -300%;}98% {margin-left: -300%;}100% {margin-left: 0;}}
.amor{width:400%;height:400px;display:table; animation:hechizos 12s linear infinite;}
.amarres{width:25%;display:table-cell;vertical-align:middle;background-size:cover !important;}
.energias{width:fit-content;padding:4px 8px;background:#c80606;color:#ffb033;font-weight: 700;font-size:30px;text-transform:uppercase;margin-left:12px;}
.tarot{width:fit-content;padding:4px 8px;background:#100b0b;color:#ededed;font-weight: 700;font-size:24px;text-transform:uppercase;margin-left:12px;margin-top:10px;}
.deparejas{background:url(trabajos.jpg) center;}
.deamantes{background:url(uniones.jpg) right center;}
.deamor{background:url(magiablanca.jpg) center;}
.poderoso{background:url(amarres.jpg) center;}
.magiablanca{background:url(bk2.png) #100b0b;height:12px;width:100%;}
.aclaracion{font-size:12px; color:#E08A00 !important;}
.firma{font-size:14px;}
.videncia{width:25%;float:left;padding-bottom:14px;}
.videncia img{max-width:90%;}
.dos,.tres{display: none;}

@media only screen and (max-width: 910px) {
.videncia{width:33.33%;}
.ultima,.uno{display: none;}
.dos{display: block;}
}
@media only screen and (max-width: 600px) {
.brujeria,.amor{height:320px;}
.energias{font-size:24px;padding:3px 6px;}
.tarot{font-size:22px;padding:3px 6px;}
h1{font-size:28px;}
.videncia{width:50%;}
.tres,.ultima{display: block;}
.dos{display: none;}
}
@media only screen and (max-width: 470px) {
.espiritual{font-size:24px;}
.hechizo{margin-top:112px;}
}
@media only screen and (max-width: 400px) {
.brujeria,.amor{height:240px;}
.fuerzas{font-size:20px;}
.energias{font-size:22px;}
.tarot{font-size:20px;}
}
@media only screen and (max-width: 340px) {
.espiritual{font-size:20px;}
.union{font-size:16px}
}