html, body {margin: 0; padding: 0; height: 100%; } body, h1 {font: 400 16px Helvetica, Verdana, Tahoma, Arial,  sans-serif; color: #383234; text-align: center; background: #F3B9B5; } h1 {margin: 15px 0; font-size: 20px; color:#383234; } a, a:link, a:active, a:visited {color: #383234; text-decoration: none; } a:hover {color: #000000; } #yareli {margin: 0 auto; text-align: center } .karter {width: 300px; } .celine {position: absolute; top: 0; left: 0; width: 300px; min-height: 85px; border: none !important; } div.shayla {display: inline-block; width: 300px; position: absolute; top: -9999px; padding: 0; margin: 2px auto; border: 0px solid #F3B9B5; } .shayla.reese {border: 1px solid transparent; } .shayla img {display: block; width: 100%; } .celeste {height: 250px; border: 1px solid #F3B9B5; } .celeste>iframe {border: 0; overflow: hidden; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .bella {display: none; } .lyrica h2 {display: block; position: absolute; right: 2px; top: 2px; margin: 0; padding: 5px 10px; font: 20px Helvetica, Verdana, Tahoma, Arial, sans-serif; color: #FFF; font-weight: 400; background: rgba(0, 0, 0, .75); z-index: 99;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px; } .lyrica {display: block; position: relative; width: 100%; height: auto; } .shayla:hover {opacity: 0.75;} .shayla:hover h2 {color: #F3B9B5;} .mina {display: inline-block; width: 1850px; width: 96%; margin-bottom: 15px; text-align: justify; color: #000000; } @media screen and (min-width:1921px) { #yareli {width: 1850px !important; }}@media screen and (min-width:2560px) { #yareli {width: 2450px !important;}} @media screen and (max-width:1849px) {.mina {width: 1540px; } } @media screen and (max-width:1539px) {.mina {width: 1230px; } } @media screen and (max-width:1229px) {.mina {width: 920px; } } @media screen and (max-width:919px) {.mina {width: 610px; } } @media screen and (max-width:760px) {#yareli {display: inline-block; width: 460px !important; height: auto !important; margin: 0 auto; text-align: center; } div.shayla {display: inline-block; position: static !important; width: 100%; height: auto; margin: 0 auto; padding: 0; } .shayla img {height: auto; border: 0; } .bella {position: static !important; width: 100%; height: 250px; margin: 0 0 5px 0; padding: 0; } .shayla.celeste {margin: 0 0 5px 0; } .karter {display: inline-block; width: 300px; } .karter h1 {margin: -6px 0 5px; font-size: 22px; } .lyrica h2 {font-size: 22px; } .mina {width: 460px !important; } div.shayla.dahlia {display: none; } } @media screen and (max-width:460px) {div.shayla {display: block; width: 100%; height: auto; margin: 0 0 -5px 0; position: static !important; border: 0; } .shayla img {display: inline-block; width: 100%; height: auto; } #yareli {width: 100% !important; } .mina {width: 96% !important; } .shayla.celeste, .bella {margin: 0; } }