/* style.css - standard style sheet */
body {
     font-family:"Comic Sans MS", Arial, Sans-Serif;
     background-image: url("twill_cloth_grey.jpg")
}

.main img {
    width: 100%;
}

h1{
    margin-left: 2%;
    font-size: 1.625em;
}

h2{
    margin-left: 6%;
    font-size: 1.375em;
}

h3{
    margin-left: 8%;
    font-size: 1.25em;
}
.header {
    padding: 1%;
}

.main {
    padding: 2%;
}

.right {
    padding: 4%;
}

.footer {
    padding: 1%;
    text-align: center;
    font-size: 0.625em;
}

.gridcontainer {
	width: 100%;
}

.gridwrapper {
	overflow: hidden;
}

.gridbox {
    margin-bottom: 2%;
    margin-right: 2%;
    float: left;
}

.gridheader {
    width: 100%;
}

.gridmenu {
    width: 25%;
}

.gridmain {
    width: 50%;
}

.gridright {
    width: 25%;
    margin-right: 0;
}

@media only screen and (max-width: 1200px) and (max-device-width: 800px) {
    body{font-size: 25px;}
    .gridmenu {
        width: 100%;
    }

    .gridmain {
        width: 100%;
    }

    .main {
        padding: 1%;
    }

    .gridright {
        width: 100%;
    }

    .right {
        padding: 1%;
    }

    .gridbox {
        width: 100%;
    }
}