.compass .north:after{content:none!important}.compass .direction{position:absolute;z-index:7;font-family:Georgia,serif;font-size:1.2rem;font-weight:900;line-height:1;color:#17364a;text-shadow:0 1px #fff;transform:rotate(4deg)}.compass .direction.north{top:22px;left:50%;transform:translateX(-50%) rotate(4deg);color:#ee6c4d}.compass .direction.east{right:24px;top:50%;transform:translateY(-50%) rotate(4deg)}.compass .direction.south{bottom:22px;left:50%;transform:translateX(-50%) rotate(4deg)}.compass .direction.west{left:24px;top:50%;transform:translateY(-50%) rotate(4deg)}@media(max-width:720px){.compass .direction{font-size:1rem}.compass .direction.north{top:15px}.compass .direction.east{right:16px}.compass .direction.south{bottom:15px}.compass .direction.west{left:16px}}