html, body {margin: 0; padding: 0; height: 100%; } body, h1 {font: 400 16px Helvetica, Verdana, Tahoma, Arial,  sans-serif; color: #276DA9; text-align: center; background: #EAF4FD; } h1 {margin: 15px 0; font-size: 20px; color:#276DA9; } a, a:link, a:active, a:visited {color: #276DA9; text-decoration: none; } a:hover {color: #276DA9; } #everleigh {margin: 0 auto; text-align: center } .ellis {width: 300px; } .brooklyn {position: absolute; top: 0; left: 0; width: 300px; min-height: 85px; border: none !important; } div.adelynn {display: inline-block; width: 300px; position: absolute; top: -9999px; padding: 0; margin: 2px auto; border: 0px solid #276DA9; } .adelynn.lilia {border: 1px solid transparent; } .adelynn img {display: block; width: 100%; } .harlow {height: 250px; border: 1px solid #276DA9; } .harlow>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; } .kenia {display: none; } .jenna 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; } .jenna {display: block; position: relative; width: 100%; height: auto; } .adelynn:hover {opacity: 0.75;} .adelynn:hover h2 {color: #EAF4FD;} .saoirse {display: inline-block; width: 1850px; width: 96%; margin-bottom: 15px; text-align: justify; color: #000000; } @media screen and (min-width:1921px) { #everleigh {width: 1850px !important; }}@media screen and (min-width:2560px) { #everleigh {width: 2450px !important;}} @media screen and (max-width:1849px) {.saoirse {width: 1540px; } } @media screen and (max-width:1539px) {.saoirse {width: 1230px; } } @media screen and (max-width:1229px) {.saoirse {width: 920px; } } @media screen and (max-width:919px) {.saoirse {width: 610px; } } @media screen and (max-width:760px) {#everleigh {display: inline-block; width: 460px !important; height: auto !important; margin: 0 auto; text-align: center; } div.adelynn {display: inline-block; position: static !important; width: 100%; height: auto; margin: 0 auto; padding: 0; } .adelynn img {height: auto; border: 0; } .kenia {position: static !important; width: 100%; height: 250px; margin: 0 0 5px 0; padding: 0; } .adelynn.harlow {margin: 0 0 5px 0; } .ellis {display: inline-block; width: 300px; } .ellis h1 {margin: -6px 0 5px; font-size: 22px; } .jenna h2 {font-size: 22px; } .saoirse {width: 460px !important; } div.adelynn.emilee {display: none; } } @media screen and (max-width:460px) {div.adelynn {display: block; width: 100%; height: auto; margin: 0 0 -5px 0; position: static !important; border: 0; } .adelynn img {display: inline-block; width: 100%; height: auto; } #everleigh {width: 100% !important; } .saoirse {width: 96% !important; } .adelynn.harlow, .kenia {margin: 0; } }