body {
    background-color: black;
    color: white;
    font-size: 1em;
}

#wrapper {
    margin-right: auto;
    margin-left: auto;
    width: 96%;
}
#header {
    margin-right: 1%;
    margin-left: 1%;
    width: 98%;
}
#header img {
    display: block;
    padding: 1% 1% 1% 1%;
    float: left;
    width: 5%;
    height: 5%;
}
#header h1 
{
    font-size: 3em;
    font-weight: bold;
    padding-top: 1%;
    padding-bottom: 2%;
}
#navigation 
{
    width: 100%;
    background-color: CornflowerBlue;
    border-color: Black;
    border-style: solid;
    border-width: thin;
    border-radius: 7px;
    text-align: left;
}
    #navigation ul {
        padding: .25%;
    }
    #navigation ul li {
        display: inline-block;
        margin: .1% 1% .1% .25%;
    }
    #navigation ul li a 
    {
    	color: White;
        font-weight: normal;
        font-size: 1em;
    }
#content {
    margin-top: 2%;
    margin-right: 1%;
    float: right;
    width: 73%;
    font-size: 1.2em;
    height: 40%;
}
#content p 
{
    padding-bottom: 2%;
}
#sidebar {
    border-right-color: #e8e8e8;
    border-right-style: solid;
    border-right-width: 2px;
    margin-top: 2%;
    padding-right: 1%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    width: 22%;
}
#factory {
    width: 100%;
    height: 100%;
    text-align: center;
}
#footer {
    margin-top: 2%;
    clear: both;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#footer figure
{
    width: 24%;
    float: left;
}
#footer figure img {
    width: 90%;
}
.contactus 
{
    display: block;
    width: 50%;
    background-color: Black;
    font-size: .9em;
    border: 1px solid white;
    text-align: center;
}
.contactus header 
{
    width: 100%;
    color: Blue;
}
.contactus h2 
{
    font-size: 2em;
    text-align: center;
    width: 100%;
    background-color: Aqua;
    color: black;
}
.contactus section 
{
    height: 60%;
}
.contactus form 
{
    margin: 0 auto;
    width: 100%;
}
.contactus label 
{
    display: block;
    margin-top: 1%;
    margin-left: 15%;
    text-align: left;
    color: white;
}
.contactus input, textarea
{
    width: 70%;
    border: 1px solid black;
    border-radius: 10px;
    padding: 1%;
    font-family: Times New Roman;
    font-size: 0.7em;
    color: black;
    background-color: white;
    color: black;
}
.contactus textarea 
{
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.contactus input:focus, textarea:focus 
{
    border: 1px solid red;
    background-color: LightGray;
}
.contactus div 
{
    display: inline-block;
    width: 80%;
    text-align: center;
    padding-bottom: 1%;
}
.contactus div input 
{
    width: 20%;
    font-size: .7em;
}
.contactus #submit 
{
    width: 20%;
    float: right;
    cursor: pointer;
    color: Black;
}
#submit:hover 
{
    background-color: CadetBlue;    
}
.contactus footer 
{
    display: block;
    height: 15%;
    background-color: Aqua;
    width: 100%;
    text-align: center;
}
.contactus p 
{
    display: block;
    padding-top: 2%;
    font-size: 1em;
    color: Black;
    background-color: Aqua;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 780px) 
{
    #header h1 
    {
        font-size: 2em;
    }
}
@media screen and (max-width: 480px) 
{
    #header h1 
    {
        font-size: 1.5em;
    }
}