.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

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

#four1 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 49.5%;
}

#four2 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 49%;
}

#four3 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 49%;
    display: block;
    margin-right: 0%;
}

#four4 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 49.5%;
    display: block;
    margin-right: 0%;
}

#four5 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 49%;
}

#four6 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 49%;
    display: block;
    margin-right: 0%;
}

@media only screen and (max-width: 900px) {
    #four2 {
        width: 100%;
    }

    #four3 {
        width: 100%;
        margin-top: 25px;
    }

    #four5 {
        width: 100%;
    }

    #four6 {
        width: 100%;
        margin-top: 25px;
    }

    #four1 {
        width: 49%;
    }

    #four4 {
        width: 49%;
    }
}

@media only screen and (max-width: 500px) {
    #four1 {
        width: 100%;
    }

    #four4 {
        width: 100%;
        margin-top: 25px;
    }
}