#photos > img {
    display: inline-block;
    position: relative;
}

#frame {
    left: 13.5%;
    margin-top: -45%;
    z-index: 5;
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
}

#beach {
    left: 13.5%;
    margin-top: -51%;
    padding-bottom: 56px;
    z-index: 6;
    -moz-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
}

#flower {
    left: -45%;
    margin-top: 20%;
    z-index: 10;
}

#benefitsheader {
    text-align: left;
    margin: 0;
}

#text {
    text-align: left;
}

#text > p {
    margin: 0;
    margin-top: 1em;
    line-height: 23px;
    font: normal 10pt "Nobile", arial, sans-serif;
}

@media screen and (max-width: 930px) {
    h1 {
        float: none !important;
    }

    #photos {
        vertical-align: top;
        float: none !important;
        width: 100%;
        bottom: 10%;
        margin-top: 35%;
        clear: both !important;
    }

    #beach {
        width: 90%;
        margin-top: -69% !important;
        padding-bottom: 74px !important;
    }

    #frame {
        width: 100%;
    }

    #flower {
        width: 30%;
    }

    #frame {
        left: 0%;
        margin-top: -95% !important;
        z-index: 5;
        -moz-transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
    }

    #beach {
        left: 0%;
        margin-top: -22%;
        padding-bottom: 54px;
        z-index: 6;
        -moz-transform: rotate(1.5deg);
        -webkit-transform: rotate(1.5deg);
        -ms-transform: rotate(1.5deg);
    }

    #flower {
        left: -36%;
        margin-top: 20%;
        z-index: 10;
    }

    #maincontentwrapper {
        padding: 1em 2.5ex !important;
    }
}