.grid {position: relative;margin: 0 auto;padding: 0;list-style: none;text-align: center;}.grid figure {position: relative;float: left;overflow: hidden;margin: 0;background: #3085a3;text-align: center;cursor: pointer;}.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}.grid figure figcaption {padding: 2em;color: #fff;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}.grid figure figcaption, .grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}.grid figure h2 {font-weight: 300;}.grid figure h2 span {font-weight: 800;}.grid figure h2, .grid figure p {margin: 0;}.grid figure p {letter-spacing: 1px;font-size: 20px;}figure.effect-ruby3 {background-color: #111;}figure.effect-ruby3 img {opacity: 0.5;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}figure.effect-ruby3:hover img {opacity: 0.4;-webkit-transform: scale(1.15);transform: scale(1.15);}figure.effect-ruby3 h2 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 40px!important;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby3 h3 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 16px!important;line-height: 28px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby3 h5 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 20px!important;line-height: 22px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby3 h6 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 17px!important;line-height: 20px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby3 p {margin: 30px auto;padding: 2px 25px;border: 1px solid #fff;opacity: 1;font-size: 18px;color: white;width: auto;display: table;font-family: 'Raleway', sans-serif;}figure.effect-ruby3:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background: rgba(5,5,5,0) }figure.effect-ruby {background-color: #000;}figure.effect-ruby img {opacity: 0.5;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}figure.effect-ruby:hover img {-webkit-transform: scale(1.15);transform: scale(1.15);opacity: 0.4;}figure.effect-ruby h2 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 40px!important;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;color: white }figure.effect-ruby h3 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 16px!important;line-height: 28px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;color: white }figure.effect-ruby h5 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 20px!important;line-height: 22px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby h6 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 17px!important;line-height: 20px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby p {margin: 30px auto;padding: 2px 25px;border: 1px solid #fff;opacity: 1;font-size: 18px;color: white;width: auto;display: table;font-family: 'Raleway', sans-serif;}figure.effect-ruby:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background: rgba(5,5,5,) }figure.effect-ruby2 {background-color: #111;}figure.effect-ruby2 img {opacity: 0.95;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.15);transform: scale(1.15);}figure.effect-ruby2:hover img {-webkit-transform: scale(1);transform: scale(1);opacity: 0.3;}figure.effect-ruby2 figcaption {opacity: 0.8;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}figure.effect-ruby2:hover figcaption {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}figure.effect-ruby2 h2 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 40px!important;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white }figure.effect-ruby2 ul {padding: 0;margin: 0;}figure.effect-ruby2 .tiendas li {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 20px!important;font-weight: normal !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white;border: none;text-transform: uppercase;}@media (min-width: 768px) and (max-width: 1024px) {figure.effect-ruby2 .tiendas {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 12px!important;line-height: 14px;font-weight: bold !important;text-shadow: 1px 1px 15px #000;display: table;padding: 0px;font-family: 'Raleway', sans-serif;color: white;border: none;text-transform: uppercase;}figure.effect-ruby2 p {margin: 20px auto;padding: 2px 3px!important;border: 1px solid #fff;opacity: 1;font-size: 14px !important;color: white;width: auto;display: table;font-family: 'Raleway', sans-serif;}.grid figure figcaption {padding: 0.2em;color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;}}figure.effect-ruby2 h3 {margin: 0 auto 25px auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 25px!important;line-height: 33px;border-bottom: 1px solid white;font-weight: 500 !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color: white;}figure.effect-ruby2 h5 {margin: 0 auto;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);font-size: 15px!important;line-height: 22px;font-weight: 500 !important;text-shadow: 1px 1px 15px #000;display: table;padding: 5px;font-family: 'Raleway', sans-serif;}figure.effect-ruby2 p {margin: 40px auto;padding: 2px 25px;border: 1px solid #fff;opacity: 1;font-size:16px;color: white;width: auto;display: table;font-family: 'Raleway', sans-serif;}figure.effect-ruby2:hover h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background: rgba(5,5,5,0) }figure.effect-ruby2 .poleras {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 130px!important;top:25px;left:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .poleras {border: 0;font-size: 100px!important;top:15px;left:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .poleras {border: 0;font-size: 70px!important;top:10px;left:30px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .poleras {border: 0;font-size: 50px!important;top:10px;left:10px;}}figure.effect-ruby2 .ceramica {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 130px!important;bottom:25px;left:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .ceramica {border: 0;font-size: 100px!important;left:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .ceramica {border: 0;font-size: 70px!important;left:30px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .ceramica {border: 0;font-size: 50px!important;;left:10px;}}figure.effect-ruby2 .diseno {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 60px!important;top:25px;left:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .diseno {border: 0;font-size: 40px!important;top:15px;left:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .diseno {border: 0;font-size: 30px!important;top:10px;left:30px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .diseno {border: 0;font-size: 20px!important;top:10px;left:10px;}}figure.effect-ruby2 .productos {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 60px!important;top:25px;left:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .productos {border: 0;font-size: 40px!important;top:15px;left:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .productos {border: 0;font-size: 30px!important;top:10px;left:30px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .productos {border: 0;font-size: 20px!important;top:10px;left:10px;}}figure.effect-ruby2 .cobre {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 60px!important;top:25px;right:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .cobre {border: 0;font-size: 40px!important;top:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .cobre {border: 0;font-size: 30px!important;top:10px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .cobre {border: 0;font-size: 20px!important;top:10px;}}figure.effect-ruby2 .souvenirs {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 90px!important;bottom:25px;left:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .souvenirs {border: 0;font-size: 60px!important;left:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .souvenirs {border: 0;font-size: 40px!important;left:30px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .souvenirs {border: 0;font-size: 30px!important;left:10px;}}figure.effect-ruby2 .lapislazuli {margin: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);line-height: 22px;font-weight: bold !important;display: table;padding: 5px;font-family: 'Raleway', sans-serif;color:rgba(255,255,255,0.8);position: absolute!important;border: 0;font-size: 70px!important;bottom:25px;left:35px;}@media screen and (max-width: 1024px) {figure.effect-ruby2 .lapislazuli {border: 0;font-size: 50px!important;left:15px;}}@media screen and (max-width: 768px) {figure.effect-ruby2 .lapislazuli {border: 0;font-size: 35px!important;left:30px;}}@media screen and (max-width: 320px) {figure.effect-ruby2 .lapislazuli {border: 0;font-size: 25px!important;left:10px;}}@media screen and (max-width: 50em) {.content {padding: 0 10px;text-align: center;}.grid figure {display: inline-block;float: none;margin: 10px auto;width: 100%;}}