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