html,body{margin:0;padding:0;font-family: 'Josefin Sans', Arial, sans-serif;background:#ededed;color:#AD6F0B;text-align: center;font-size:16px;}
a:link,a:visited{text-decoration: none;color:inherit;}
a:hover{color:#F79B08;}
.wsp{position:fixed;bottom:10px;right:10px;background:#00be00 url(wp.png) 14px 14px no-repeat;width:264px;height:46px;overflow:hidden;z-index:6;transition:all 0.3s ease;text-align:center;line-height: 18px;font-weight:700;color:#ededed;padding:14px 14px 0 60px;text-transform:uppercase;border-radius:3px}
.wsp:hover{filter:brightness(70%);}
.clear{clear:both;}
img{max-width: 100%;}
.tel{position:fixed;top:0;left:0;text-align: center;width:100%;background:#F7CA81;color:#F5F5F5;padding:10px 0 6px 0;font-size:24px;font-weight:700;border-bottom:2px solid #F79B08;z-index:5;}
.logo{padding:20px 0;margin-top:42px;}
.logodos{padding:10px 0;}
.uniones{width:90%;max-width:1360px;margin:0 auto;background:#f5f5f5;}

.brujeria{width:100%;z-index:3;}
.tarotista{width:90%;max-width:1360px;margin:0 auto;padding-bottom:20px;}
.tarotista span{color:#221a4a;text-align:center;font-size:46px;font-weight:700;}

.aclara{font-size:12px;margin:0 auto 12px;}
form h4{color:#F79B08;margin-bottom:4px;font-size:1.2em;}
.parejas{width: 90%;margin:12px auto;}
@keyframes tarot {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;}}
.amarres{width:100%;height:420px;overflow:hidden;}
.trabajos{width:400%;display:table;height:420px;animation: tarot 20s linear infinite;}
.videncia{width:25%;display:table-cell;vertical-align:middle;text-align:left;text-transform:uppercase;background-size:cover !important;}
.buques{background:url(tarot01.jpg) center;}
.naves{background:url(tarot02.jpg) center;}
.pesqueros{background:url(tarot03.jpg) center;}
.remolcadores{background:url(tarot04.jpg) center;}
h1{margin:0 auto;padding:30px 0 10px 0;color:#F79B08;}
h2,h3{color:#F7CA81;}
h4{margin:0 auto;padding:18px 0;}
.tarot{float:left;width:31.33%;margin:0 1% 20px 1%;background:#ededed;}
.tarot p{width:90%;margin:0 auto;padding:10px 0;}
@media only screen and (max-width: 900px) {
.tarotista span{font-size:32px;}
h1{font-size:30px;}
.tarot{width:94%;margin:0 auto 30px;float:none;}
.tarot p{max-width:460px;margin:0 auto;padding:10px 0;}
.energias{margin-bottom:30px;}
}
@media only screen and (max-width: 740px) {
.amarres,.trabajos{height: 280px;}
.natural{display:none}
.tarotista span{font-size:28px;}
.wsp{width:46px;padding:8px;background-position: center;}
.wsp span{display: none;}
form h4{margin:0 auto;}
input[type="text"], textarea{font-size:14px;}
input[type="submit"]{font-size:12px;}
h1{font-size:28px;}
}
@media only screen and (max-width: 500px) {
.amarres,.trabajos{height: 220px;}
.tarotista span{font-size:20px}
html, body{font-size:14px;}
h1{font-size:24px;}
h2{font-size:20px;margin:5px auto 30px;}
h3{margin:0 auto;padding:10px 0;}
h4{font-size:16px;}
}