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

#topbannerback {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 115px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(221, 218, 218);
    background-image:url("img/woodback.jpg");
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

#box2 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#products {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 75px;
    clear: none;
    width: 1200px;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#box9 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(230, 227, 217);
    background-image:url("img/gray.jpg");
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

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

#text {
    float: none;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(128, 128, 128);
}

#text1 {
    float: none;
    font-size: 30px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    font-family: 'times new roman';
    color: rgb(149, 130, 77);
}

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

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

#box6 {
    float: none;
    height: 5px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 125px;
    background-color: rgb(222, 222, 222);
    margin-right: auto;
}

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

#box10 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 100px;
    clear: none;
    width: 1200px;
    margin-right: auto;
}

#box11 {
    float: left;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 23%;
    margin-right: 0px;
    margin-bottom: 0px;
}

#image6 {
    float: none;
    width: 45px;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

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

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

#text2 {
    float: none;
    font-size: 25px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 900;
    line-height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(2, 2, 2);
    display: block;
}

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

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

#text3 {
    float: none;
    font-size: 16px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 25px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(2, 2, 2);
}

#box17 {
    float: left;
    height: auto;
    margin-left: 1.3125px;
    margin-top: 0px;
    clear: none;
    width: 23%;
    display: block;
    margin-right: 0px;
    margin-bottom: 0px;
}

#image7 {
    float: none;
    width: 45px;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

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

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

#text4 {
    float: none;
    font-size: 25px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 900;
    line-height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(2, 2, 2);
}

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

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

#text5 {
    float: none;
    font-size: 16px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 25px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(2, 2, 2);
}

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

#image8 {
    float: none;
    width: 45px;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

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

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

#text6 {
    float: none;
    font-size: 25px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 900;
    line-height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(2, 2, 2);
    display: block;
}

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

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

#text7 {
    float: none;
    font-size: 16px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 25px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(2, 2, 2);
}

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

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

#box16 {
    float: none;
    height: 210px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 2px;
    margin-right: auto;
    background-color: rgb(2, 2, 2);
    opacity: 0.24;
}

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

#box26 {
    float: none;
    height: 210px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 2px;
    margin-right: auto;
    opacity: 0.24;
    background-color: rgb(2, 2, 2);
}

#image9 {
    float: none;
    width: 45%;
    max-width: 100%;
    height: 0px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

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

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

#top {
    float: left;
    height: auto;
    clear: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0%;
    bottom: auto;
    display: block;
    background-color: rgb(255, 255, 255);
    z-index: 123456;
}

#topcontent {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 1200px;
    margin-right: auto;
}

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

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

#image1 {
    float: left;
    width: 245.984375px;
    max-width: 100%;
    height: auto;
    margin-left: 7.2996875px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
}

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

#image2 {
    float: left;
    width: 40px;
    max-width: 100%;
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 5px;
    margin-bottom: 2px;
}

#image3 {
    float: left;
    width: 125px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 5px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 5px;
    display: block;
    margin-bottom: 2px;
}

#image4 {
    float: left;
    width: 125px;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 5px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    display: block;
    margin-bottom: 2px;
}

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

#box1 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(149, 130, 77);
}

#menu {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 480px;
    margin-right: auto;
}

#topbannerfade {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    display: block;
    background-image:url("img/woodback2.jpg");
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}

#box3 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 35px;
    clear: none;
    width: 1200px;
    margin-right: auto;
}

#image5 {
    float: none;
    width: 240px;
    max-width: 100%;
    height: 105px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

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

@media only screen and (max-width: 1200px) {
    #products {
        width: 90%;
    }

    #box10 {
        width: 90%;
    }

    #box11 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #box16 {
        height: 0px;
    }

    #box17 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 50px;
    }

    #box26 {
        height: 0px;
    }

    #box21 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 50px;
    }

    #topcontent {
        width: 90%;
    }

    #top_left {
        margin-left: 0%;
        margin-right: 0px;
        float: none;
        clear: none;
    }

    #top_right {
        margin-right: 0%;
        margin-top: -36px;
        clear: none;
    }

    #menu {
        width: 500px;
    }

    #topbannerfade {
        background-image:url("img/woodback2%203.jpg");
        background-position: 0% 0%;
        background-repeat: repeat;
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
    }

    #box3 {
        width: 90%;
    }

    #image5 {
        width: 250px;
    }
}

@media only screen and (max-width: 500px) {
    #topbannerback {
        margin-top: 0px;
    }

    #products {
        margin-top: 50px;
    }

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

    #box10 {
        width: 80%;
    }

    #topcontent {
        margin-top: 0px;
    }

    #top_left {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 78.729167%;
    }

    #image {
        width: 28.508424%;
        height: 0px;
    }

    #image1 {
        width: 69.431948%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        height: 0px;
    }

    #top_right {
        visibility: hidden;
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        width: 49.468749%;
    }

    #image2 {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        height: 0px;
    }

    #image3 {
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        float: none;
        clear: none;
        width: 44.921738%;
        height: 0px;
    }

    #image4 {
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        float: none;
        clear: none;
        width: 44.921738%;
        height: 0px;
    }

    #box {
        height: 0px;
    }

    #menu {
        width: 100%;
    }

    #box3 {
        margin-top: 75px;
    }

    #image5 {
        width: 75%;
        height: auto;
    }
}

