.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: auto;
    float: none;
    clear: none;
    background-image:url("img/stars.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box {
    float: none;
    height: 184px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 75.572038%;
    display: block;
    background-color: rgb(255, 255, 255);
    max-width: none;
    margin-right: auto;
    position: relative;
    top: 0px;
    left: 0px;
}

#image {
    float: left;
    width: auto;
    max-width: 51.111453%;
    height: auto;
    margin-left: 0.93491498%;
    margin-top: 10px;
    clear: none;
    color: rgb(0, 0, 0);
}

#text {
    float: left;
    font-size: 430%;
    width: 39.960257%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 1em;
    margin-left: 3.31026%;
    margin-top: 25px;
    clear: none;
    min-height: 68px;
    color: rgb(255, 0, 0);
    font-family: acme;
}

#box1 {
    float: left;
    height: 49px;
    margin-left: 0%;
    margin-top: 9.109375px;
    clear: both;
    width: 100%;
    background-color: rgb(0, 59, 255);
}

#text1 {
    float: left;
    font-size: 2.5em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 2px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: changa-one;
}

#box2 {
    float: none;
    height: 719px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 75.57%;
    background-image:url("img/stripe.png");
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    max-width: none;
    margin-right: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box3 {
    float: left;
    height: 410px;
    margin-left: 4.268171%;
    margin-top: 23.609375px;
    clear: none;
    width: 43.164063%;
    background-color: rgb(255, 255, 255);
    border: 4px solid rgb(0, 59, 255);
}

#text2 {
    float: left;
    font-size: 1em;
    width: 96.785571%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.094469%;
    margin-top: 36px;
    clear: none;
    min-height: 213px;
}

#textspan1 {
    font-family: changa-one;
}

#textspan3 {
    float: none;
    font-size: 1.8em;
    line-height: 1em;
    font-family: changa-one;
}

#textspan {
    float: none;
    font-size: 3.2em;
    line-height: 1em;
    font-family: changa-one;
}

#textspan2 {
    float: none;
    font-size: 1.8em;
    line-height: 1em;
    font-family: changa-one;
}

#image1 {
    float: left;
    width: auto;
    max-width: 42.265674%;
    height: auto;
    margin-left: 4.819405%;
    margin-top: 23.1875px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#Button_box {
    float: left;
    height: 50px;
    font-size: 1.3em;
    margin-left: 15%;
    clear: both;
    width: 68%;
    display: block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: acme;
}
#Button {
    float: left;
    height: 50px;
    font-size: 1.3em;
    margin-left: 7.380046%;
    margin-top: 51.8125px;
    clear: both;
    width: 36%;
    display: block;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: acme;
}

#input {
    float: left;
    height: 50px;
    font-size: 1.3em;
    margin-left: 7.380046%;
    margin-top: 20px;
    clear: both;
    width: 35.999014%;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    display: block;
    font-family: acme;
}

#input1 {
    float: left;
    height: 50px;
    font-size: 1.3em;
    margin-left: 7.392182%;
    margin-top: 20px;
    clear: both;
    width: 35.994391%;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: acme;
    display: block;
}

#input2 {
    float: left;
    height: 50px;
    font-size: 1.3em;
    margin-left: 7.392182%;
    margin-top: 20px;
    clear: both;
    width: 35.999014%;
    margin-right: 0%;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: acme;
    display: block;
}

#box4 {
    float: left;
    height: 260px;
    margin-left: 9.162482%;
    margin-top: -190px;
    clear: none;
    width: 42.390442%;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
    border: 4px solid rgb(0, 59, 255);
}

#text3 {
    float: left;
    font-size: 1em;
    width: 92.982456%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 3.930236%;
    margin-top: 15px;
    clear: none;
    min-height: 228px;
}

#textspan4 {
    font-size: 1.8em;
    font-family: changa-one;
    line-height: 1.1em;
}

#text4 {
    float: left;
    font-size: 1em;
    width: 59.51366%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    clear: both;
    min-height: 0px;
    margin-left: 19.899577%;
    margin-right: 0px;
    margin-top: 62.140625px;
    background-color: rgb(0, 59, 255);
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    border-bottom-color: rgb(0, 59, 255);
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-top-width: 4px;
    border-top-color: rgb(0, 59, 255);
    border-top-style: solid;
}

#textspan5 {
    float: none;
    font-size: 1.5em;
    line-height: 1em;
    color: rgb(255, 255, 255);
    font-family: changa-one;
}

body {
    margin-right: auto;
    margin-left: auto;
    background-image:url("img/stars.png"),-webkit-linear-gradient(270deg, white 0%, black 100%);
    background-image: url(file:///C:/Users/Tony/Documents/Dreamweaver%20Websites/valleyseptic/valleyseptic%20v2/assets/img/stars.png?1429292079783), linear-gradient(180deg, white 0%, black 100%);
    background-attachment: scroll, fixed;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

@media only screen and (max-width: 1024px) {
    #box {
        float: none;
        height: 157.6875px;
        margin-left: auto;
        margin-top: 0px;
        clear: none;
        width: 100%;
        background-color: rgb(255, 255, 255);
        margin-right: auto;
    }

    #image {
        float: left;
        width: auto;
        max-width: 51.111453%;
        height: auto;
        margin-left: 0.51879883%;
        margin-top: 5px;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #text {
        float: left;
        font-size: 420%;
        width: 43.281555%;
        height: auto;
        text-align: center;
        font-weight: 500;
        line-height: 1em;
        margin-left: 2.276611%;
        margin-top: 23px;
        clear: none;
        min-height: 68px;
        color: rgb(255, 0, 0);
        font-family: acme;
    }

    #box1 {
        float: left;
        height: 39px;
        margin-left: 0%;
        margin-top: 3.109375px;
        clear: both;
        width: 100%;
    }

    #text1 {
        margin-top: 0px;
        margin-left: 0.51879883%;
        clear: none;
        font-size: 2em;
        font-family: changa-one;
        height: auto;
        width: 99.481201%;
        text-align: center;
    }

    #box2 {
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        height: 683px;
        width: 100%;
        margin-right: auto;
        float: none;
    }

    #box3 {
        float: left;
        height: 244px;
        margin-left: 4.273987%;
        margin-top: 23.609375px;
        clear: none;
        width: 43.164063%;
        background-color: rgb(255, 255, 255);
    }

    #text2 {
        float: left;
        font-size: 1em;
        width: 96.766993%;
        height: auto;
        text-align: center;
        font-weight: normal;
        line-height: 1em;
        margin-left: 1.616503%;
        margin-top: 21px;
        clear: none;
        min-height: 211px;
    }

    #textspan1 {
        float: none;
        font-size: 1.8em;
        line-height: 1em;
        font-style: normal;
        font-weight: 100;
    }

    #textspan3 {
        float: none;
        font-size: 1.8em;
        line-height: 1em;
        font-style: normal;
        font-weight: 100;
    }

    #textspan {
        float: none;
        font-size: 2.8em;
        line-height: 1em;
        font-weight: 100;
        font-style: normal;
    }

    #textspan2 {
        float: none;
        font-size: 1.8em;
        line-height: 1em;
        font-style: normal;
        font-weight: 100;
    }

    #image1 {
        height: auto;
        width: auto;
        max-width: 39.228821%;
        margin-top: 18.609375px;
        margin-left: 6.481934%;
        clear: none;
    }

    .primaryContainer {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
    }

    #box4 {
        float: left;
        height: 260px;
        margin-left: 9.168632%;
        margin-top: -190px;
        clear: none;
        width: 42.390442%;
        margin-right: 0%;
        background-color: rgb(255, 255, 255);
        border: 4px solid rgb(0, 59, 255);
    }

    #input {
        margin-top: 20px;
        margin-left: 7.378041%;
        clear: both;
    }

    #input1 {
        margin-top: 20px;
        margin-left: 7.390454%;
        clear: both;
    }

    #input2 {
        margin-top: 20px;
        margin-left: 7.390454%;
        clear: both;
    }

    #Button {
        margin-top: 44.8125px;
        margin-left: 7.37649%;
        clear: both;
    }

    #text3 {
        float: left;
        font-size: 1em;
        width: 92.982456%;
        height: auto;
        text-align: center;
        font-weight: normal;
        line-height: 1em;
        margin-left: 3.930236%;
        margin-top: 15px;
        clear: none;
        min-height: 228px;
    }

    #textspan4 {
        float: none;
        font-size: 1.8em;
        line-height: 1.1em;
        font-family: changa-one;
    }

    #text4 {
        margin-top: 77.09375px;
        margin-left: 20.959473%;
        clear: both;
    }
}

@media only screen and (max-width: 768px) {
    #image {
        margin-top: 34.8125px;
        margin-left: 8.79878%;
        clear: none;
        height: auto;
        width: auto;
        max-width: 82.455033%;
    }

    #box {
        height: 273.828125px;
        margin-left: auto;
        margin-top: 0px;
        clear: none;
        width: 77.369023%;
        margin-right: auto;
        float: none;
    }

    #text {
        margin-top: 13.8125px;
        margin-left: 8.801409%;
        clear: both;
        font-size: 350%;
        height: auto;
        width: 82.452403%;
        min-height: 57px;
    }

    #box2 {
        width: 77.221783%;
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        height: 1168px;
        float: none;
        margin-right: auto;
    }

    #box3 {
        height: 208px;
        width: 78.63012%;
        margin-top: 19.609375px;
        margin-left: 10.358174%;
        clear: none;
    }

    #text2 {
        margin-top: 19px;
        margin-left: 1.85254%;
        clear: none;
        height: auto;
        min-height: 163px;
        width: 96.750882%;
    }

    #textspan {
        font-size: 2.4em;
    }

    #textspan3 {
        font-size: 1.4em;
    }

    #textspan2 {
        font-size: 1.4em;
    }

    #Button {
        width: 79.347139%;
        margin-top: 39.859375px;
        margin-left: 10.356729%;
        clear: both;
        font-size: 130%;
    }

    #input {
        margin-top: 20px;
        margin-left: 10.356729%;
        clear: both;
        width: 79.347139%;
        font-size: 130%;
    }

    #input1 {
        margin-top: 20px;
        margin-left: 10.356729%;
        clear: both;
        width: 79.347139%;
        font-size: 130%;
    }

    #input2 {
        margin-top: 20px;
        margin-left: 10.356729%;
        clear: both;
        width: 79.347139%;
        font-size: 130%;
    }

    #textspan4 {
        font-size: 1.4em;
        line-height: 1.4em;
    }

    #text4 {
        margin-top: 60.140625px;
        margin-left: 8.723259%;
        clear: both;
        height: auto;
        width: 85.070271%;
        font-size: 0.8em;
    }

    #image1 {
        margin-top: 14.9375px;
        margin-left: 17.054264%;
        clear: both;
        height: auto;
        width: auto;
        max-width: 64.166349%;
    }

    #text1 {
        margin-top: 1px;
        margin-left: 0.26041667%;
        clear: none;
        height: auto;
        width: 99.740682%;
    }

    #box1 {
        margin-top: 23.3125px;
        margin-left: 0%;
        clear: both;
    }

    #box4 {
        margin-top: 29px;
        margin-left: 11.076012%;
        clear: both;
        width: 78.63012%;
    }

    .primaryContainer {
        background-image:url("img/stars%202.png");
        background-attachment: scroll;
        -webkit-background-size: auto;
        background-size: auto;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    body {
        background-image:url("img/stars.png");
        background-attachment: fixed;
        -webkit-background-size: auto;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    #text3 {
        height: auto;
        width: 98.039684%;
        margin-top: 15px;
        margin-left: 0.92049639%;
        clear: none;
    }
}

@media only screen and (max-width: 480px) {
    #image {
        margin-top: 9.515625px;
        margin-left: 3.251915%;
        clear: none;
        height: auto;
        width: auto;
        max-width: 92.252317%;
        margin-right: 0%;
    }

    #box {
        height: 219.625px;
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        width: 99.029948%;
        margin-right: auto;
    }

    #text {
        height: auto;
        width: 76.10282%;
        min-height: 0px;
        margin-top: 6.78125px;
        margin-left: 11.774374%;
        clear: both;
        font-size: 350%;
    }

    #box2 {
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        height: 1116.59375px;
        float: none;
        width: 99.039714%;
        margin-right: auto;
    }

    #box3 {
        width: 88.391927%;
        height: 191px;
        margin-top: 20.609375px;
        margin-left: 5.511915%;
        clear: none;
    }

    #text2 {
        margin-top: 5px;
        margin-left: 3.448653%;
        clear: none;
        height: auto;
        min-height: 0px;
        width: 94.155844%;
    }

    #image1 {
        height: auto;
        width: auto;
        max-width: 76.936849%;
        margin-top: 18.21875px;
        margin-left: 11.779786%;
        clear: both;
    }

    #Button {
        height: 50px;
        width: 71.142578%;
        margin-top: 30.25px;
        margin-left: 14.664714%;
        clear: both;
        font-size: 110%;
    }

    #input {
        margin-top: 20px;
        margin-left: 14.664714%;
        clear: both;
        width: 70.664063%;
        font-size: 110%;
    }

    #input1 {
        margin-top: 20px;
        margin-left: 14.664714%;
        clear: both;
        width: 70.664063%;
        font-size: 110%;
    }

    #input2 {
        margin-top: 20px;
        margin-left: 14.664714%;
        clear: both;
        width: 70.664063%;
        font-size: 110%;
    }

    #box4 {
        height: 251px;
        width: 81.133936%;
        margin-top: 40px;
        margin-left: 9.334429%;
        clear: both;
    }

    #text3 {
        margin-top: 9px;
        margin-left: 0.78040904%;
        clear: none;
        height: auto;
        width: 97.542713%;
    }

    #text4 {
        margin-top: 28.140625px;
        margin-left: 7.034505%;
        clear: both;
        font-family: changa-one;
        font-size: 0.8em;
        height: auto;
        min-height: 38px;
        width: 87.011719%;
    }

    .primaryContainer {
        background-image:url("img/stars%201.png");
        background-attachment: scroll;
        -webkit-background-size: auto;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    #text1 {
        margin-top: 1px;
        margin-left: 0.2563934%;
        clear: none;
    }

    #box1 {
        margin-top: 13.3125px;
        margin-left: 0%;
        clear: both;
    }
}

@media only screen and (max-width: 320px) {
    #box {
        height: 186px;
        max-width: none;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 100.229492%;
        margin-right: auto;
    }

    #image {
        height: auto;
        width: auto;
        max-width: 96.600985%;
        margin-top: 9px;
        margin-left: 0.00488281%;
        clear: none;
    }

    #text {
        height: auto;
        min-height: 0px;
        font-size: 300%;
        margin-top: 15px;
        margin-left: 2.396843%;
        clear: both;
        width: 88.731914%;
    }

    #text1 {
        font-size: 1.5em;
        margin-top: 6px;
        margin-left: 0.51757813%;
        clear: none;
    }

    #box2 {
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        height: 970.609375px;
        max-width: none;
        float: none;
        width: 99.760742%;
        margin-right: auto;
    }

    #box3 {
        height: 168px;
        width: 93.291016%;
        margin-top: 20.609375px;
        margin-left: 2.844747%;
        clear: none;
    }

    #textspan {
        font-size: 1.8em;
    }

    #textspan2 {
        float: none;
        font-size: 1.2em;
        line-height: 1em;
    }

    #image1 {
        margin-top: 23.4375px;
        margin-left: 10.435123%;
        clear: both;
    }

    #Button {
        margin-top: 27.5px;
        margin-left: 7.214527%;
        clear: both;
        width: 84.35221%;
        font-size: 110%;
    }

    #input {
        margin-top: 21.5px;
        margin-left: 7.376046%;
        clear: both;
        width: 84.190691%;
        font-size: 110%;
    }

    #input1 {
        margin-top: 21px;
        margin-left: 7.376046%;
        clear: both;
        width: 84.190691%;
        font-size: 110%;
    }

    #input2 {
        margin-top: 20px;
        margin-left: 8.002545%;
        clear: both;
        width: 84.151534%;
        font-size: 110%;
    }

    #box4 {
        height: 204px;
        margin-top: 39.25px;
        margin-left: 9.328961%;
        clear: both;
    }

    #text4 {
        font-size: 1em;
        margin-top: 29.140625px;
        margin-left: 5.153933%;
        clear: both;
        height: auto;
        min-height: 29px;
        width: 90.664063%;
    }

    #textspan5 {
        font-size: 0.8em;
    }

    #text2 {
        margin-top: 3px;
        margin-left: 3.443781%;
        clear: none;
    }

    #box1 {
        margin-top: 6px;
        margin-left: 0%;
        clear: both;
    }

    #text3 {
        font-size: 90%;
    }

    #textspan4 {
        font-size: 125%;
    }
}