html, body {margin: 0; padding: 0; height: 100%; } body, h1 {font: 400 16px Helvetica, Verdana, Tahoma, Arial,  sans-serif; color: #F0C863; text-align: center; background: #161C18; } h1 {margin: 15px 0; font-size: 20px; color:#F0C863; } a, a:link, a:active, a:visited {color: #F0C863; text-decoration: none; } a:hover {color: #000000; } #q855ic {margin: 0 auto; text-align: center } .estelle {width: 300px; } .kelsey {position: absolute; top: 0; left: 0; width: 300px; min-height: 85px; border: none !important; } div.dahlia {display: inline-block; width: 300px; position: absolute; top: -9999px; padding: 0; margin: 2px auto; border: 0px solid #F0C863; } .dahlia.mikayla {border: 1px solid transparent; } .dahlia img {display: block; width: 100%; } .veronica {height: 250px; border: 1px solid #faf9f9; } .veronica>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; } .francesca {display: none; } .luciana 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; } .luciana {display: block; position: relative; width: 100%; height: auto; } .dahlia:hover {opacity: 0.75;} .dahlia:hover h2 {color: #F0C863;} .viviana {display: inline-block; width: 1850px; width: 96%; margin-bottom: 15px; text-align: justify; color: #000000; } @media screen and (min-width:1921px) { #q855ic {width: 1850px !important; }}@media screen and (min-width:2560px) { #q855ic {width: 2450px !important;}} @media screen and (max-width:1849px) {.viviana {width: 1540px; } } @media screen and (max-width:1539px) {.viviana {width: 1230px; } } @media screen and (max-width:1229px) {.viviana {width: 920px; } } @media screen and (max-width:919px) {.viviana {width: 610px; } } @media screen and (max-width:760px) {#q855ic {display: inline-block; width: 460px !important; height: auto !important; margin: 0 auto; text-align: center; } div.dahlia {display: inline-block; position: static !important; width: 100%; height: auto; margin: 0 auto; padding: 0; } .dahlia img {height: auto; border: 0; } .francesca {position: static !important; width: 100%; height: 250px; margin: 0 0 5px 0; padding: 0; } .dahlia.veronica {margin: 0 0 5px 0; } .estelle {display: inline-block; width: 300px; } .estelle h1 {margin: -6px 0 5px; font-size: 22px; } .luciana h2 {font-size: 22px; } .viviana {width: 460px !important; } div.dahlia.carter {display: none; } } @media screen and (max-width:460px) {div.dahlia {display: block; width: 100%; height: auto; margin: 0 0 -5px 0; position: static !important; border: 0; } .dahlia img {display: inline-block; width: 100%; height: auto; } #q855ic {width: 100% !important; } .viviana {width: 96% !important; } .dahlia.veronica, .francesca {margin: 0; } }