.wall-item { display: block; margin: 0 0 30px 0; padding: 12px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms; } .wall-item:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms; } .wall-item> img { display: block; width: 100%; margin: 0 0 24px 0; } .wall-item h2 { text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 12px 0; } .wall { display: block; position: relative; } .wall-column { display: block; position: relative; width: 33.3333%; float: left; padding: 0 12px; box-sizing: border-box; } @media (max-width: 640px) { .wall-column { width: 50%; } .wall { padding: 0px !important; } .wall-column { padding: 0px !important; margin: 0px !important; } } @media (max-width: 480px) { .wall-column { width: auto; float: none; } } experiencia 2 01 experiencia 2 03 experiencia 2 05 experiencia 2 07 experiencia 2 09 experiencia 2 11 experiencia 2 13 experiencia 2 15 experiencia 2 17 experiencia 2 19 experiencia 2 21 experiencia 2 23 experiencia 2 25 experiencia 2 27 experiencia 2 29 $(document).ready(function() { $('#experiencia_2').jaliswall({item:'.wall-item'}); $(.wall-item).colorbox({rel:'wall', maxWidth:95%, maxHeight:95%,slideshow:true,fixed: true}); });
