/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0);
}

#box {
    float: left;
    height: 1204px;
    clear: none;
    width: 98.44%;
    position: relative;
}

#box1 {
    float: left;
    height: 411px;
    margin-left: 7.447406%;
    margin-top: 98px;
    clear: none;
    width: 34.011491%;
    top: 112px;
    left: 8.110818%;
}

#box2 {
    float: left;
    height: 366px;
    margin-left: 14.557783%;
    margin-top: 20px;
    clear: none;
    width: 72.43809%;
    min-height: 50px;
    /*background-image:url("../img/logo.png");*/
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box3 {
    float: left;
    height: 149px;
    margin-left: 0%;
    margin-top: 544px;
    clear: none;
    width: 98.968723%;
    /*background-image:url("../img/bgmain.jpg");*/
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat no-repeat;
}

#box4 {
    float: left;
    height: 115px;
    margin-left: 0.96258937%;
    margin-top: 38px;
    clear: both;
    width: 100%;
    opacity: 0.91;
    background-color: rgb(0, 0, 0);
}

#text {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 54.754347%;
    margin-top: 51px;
    clear: both;
    min-height: 0px;
}

#textspan {
    float: none;
    font-size: 51px;
    line-height: 1em;
    color: rgb(162, 144, 97);
    font-family: 'times new roman';
}

#input {
    float: left;
    height: 105px;
    font-size: 1em;
    margin-left: 72.775526%;
    margin-top: 0px;
    clear: none;
    width: 23.126155%;
    color: rgb(255, 255, 255);
}

#input:hover {
    border-bottom-color: rgb(220, 203, 91);
    border-bottom-width: 4px;
    border-bottom-style: solid;
    background-color: rgb(162, 144, 97);
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 2362px) {
    .primaryContainer {
        position: relative;
    }

    #box3 {
        width: 98.968283%;
        height: 149px;
    }
}

@media only screen and (max-width: 1920px) {
    #box {
        height: 975px;
    }

    #box1 {
        float: left;
        height: 415px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: 30%;
        position: absolute;
        top: 135px;
        left: 8.110818%;
        background-color: rgb(0, 0, 0);
        opacity: 0.69;
    }

    #box2 {
        float: left;
        height: 366px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: 72.43809%;
        min-height: 50px;
        position: absolute;
        top: 23px;
        left: 13.800118%;
        /*background-image:url("../img/logo.png");*/
        background-attachment: scroll;
        -webkit-background-size: auto;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box3 {
        float: left;
        height: 115px;
        margin-left: 0%;
        margin-top: 544px;
        clear: none;
        width: 100%;
        /*background-image:url("../img/bgmain.jpg");*/
        background-attachment: scroll;
        -webkit-background-size: auto;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat no-repeat;
    }

    #box4 {
        float: left;
        height: 115px;
        margin-left: 0.96258937%;
        margin-top: 38px;
        clear: both;
        width: 100%;
        opacity: 0.91;
        background-color: rgb(0, 0, 0);
    }

    #text {
        margin-top: 35px;
        margin-left: 37.948718%;
        clear: none;
        height: auto;
        min-height: 90px;
        width: 56.765698%;
        text-align: right;
        margin-right: 0%;
    }

    .primaryContainer {
        background-color: rgb(0, 0, 0);
        background-image:url("../img/bg.jpg");
        background-attachment: fixed;
        -webkit-background-size: auto;
        background-size: auto;
        background-position: 80% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #input {
        background-color: rgb(31, 149, 85);
        opacity: 0.92;
        border-bottom-color: rgb(58, 208, 127);
        border-bottom-width: 4px;
        font-size: 25px;
        margin-top: 7px;
        margin-left: 72.774764%;
        clear: none;
    }
}

@media only screen and (max-width: 1555px) {
    #box {
        position: relative;
    }

    #box1 {
        margin-top: 89px;
        margin-left: 7.448427%;
        clear: none;
        top: 0px;
        left: 0px;
        position: static;
        width: 34.011453%;
    }

    #box3 {
        margin-top: 56px;
        margin-left: 0%;
        clear: both;
        height: 105px;
    }

    #box4 {
        margin-top: 30px;
        margin-left: 0%;
        clear: both;
    }

    #text {
        height: auto;
        margin-top: 35px;
        margin-left: 23.567178%;
        clear: none;
        min-height: 90px;
        width: 71.145688%;
    }

    #box2 {
        top: 111px;
        left: 12.061204%;
        width: 24.636868%;
        height: 366px;
    }

    #input {
        float: left;
        height: 105px;
        font-size: 29px;
        margin-left: 72.775526%;
        margin-top: 0px;
        clear: none;
        width: 23.126155%;
    }
}

@media only screen and (max-width: 1124px) {
    #box1 {
        height: 326px;
        margin-top: 115px;
        margin-left: 15.499979%;
        clear: none;
    }

    #box2 {
        height: 288px;
        margin-top: 25px;
        margin-left: 15.612025%;
        clear: none;
        top: 0px;
        left: 0px;
        position: static;
        width: 72.438133%;
    }

    #box3 {
        margin-top: 134px;
        margin-left: 0%;
        clear: both;
    }

    #box4 {
        margin-top: 2px;
        margin-left: 0%;
        clear: both;
    }

    #textspan {
        font-size: 43px;
    }

    #input:hover {
        margin-top: 15px;
        margin-left: 59.460833%;
        clear: none;
        height: 72px;
        width: 36.525779%;
    }

    #input {
        margin-top: 13px;
        margin-left: 59.460833%;
        clear: none;
        height: 73px;
        width: 36.439637%;
    }
}

@media only screen and (max-width: 768px) {
    #box1 {
        margin-top: 54px;
        margin-left: 8.665909%;
        clear: none;
        height: 353px;
        width: 42.124625%;
        opacity: 0.94;
    }

    #box3 {
        margin-top: 48px;
        margin-left: 0.92590679%;
        clear: both;
    }

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

    #textspan {
        font-size: 25px;
    }

    #box2 {
        margin-top: 33px;
        margin-left: 13.378594%;
        clear: none;
    }

    #input {
        height: 45px;
        margin-top: 28px;
        margin-left: 57.315284%;
        clear: none;
        width: 35.868554%;
        font-size: 20px;
    }

    #input:hover {
        margin-top: 29px;
        margin-left: 57.315284%;
        clear: none;
        height: 44px;
        width: 34.585099%;
        display: block;
    }
}

@media only screen and (max-width: 390px) {
    #box1 {
        height: 236px;
        margin-top: 62px;
        margin-left: 16.113146%;
        clear: none;
        width: 66.919007%;
        opacity: 0.84;
    }

    #box2 {
        height: 188px;
        width: 86.620641%;
        margin-top: 20px;
        margin-left: 11.136115%;
        clear: none;
    }

    #box3 {
        margin-top: 21px;
        margin-left: 1.066341%;
        clear: both;
        height: 55px;
    }

    #box4 {
        height: 72px;
        margin-top: 28px;
        margin-left: 1.017501%;
        clear: both;
    }

    #text {
        text-align: center;
        margin-top: 29px;
        margin-left: 13.137973%;
        clear: none;
        height: auto;
        min-height: 26px;
    }

    #textspan {
        font-size: 16px;
    }

    #input {
        margin-top: 11px;
        margin-left: 21.294261%;
        clear: none;
        width: 57.248677%;
        height: 38px;
        font-size: 21px;
    }

    #input:hover {
        margin-top: 12px;
        margin-left: 19.72731%;
        clear: none;
        height: 36px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 58.551079%;
    }
}