body
{
font-family: Times New Roman, Arial;
background-image: url('../images/background.jpg');
background-attachment: fixed;
background-position: center top;
color: #6a6c6c;
margin: 0px;
padding: 0px;
}

h1
{
font-size: 25px;
font-weight: normal;
margin: 0px;
}

h2
{
font-size: 14px;
margin: 0px;
}

h3
{
font-size: 20px;
font-weight: normal;
margin: 0px;
}

h4
{
font-size: 25px;
font-weight: normal;
margin: 0px;
}

button
{
color: #ffffff;
background-color: #6a6c6c;
border: none;
padding: 5px;
font-size: 20px;
}

input, textarea
{
width: 49%;
padding: 1%;
border: 1px solid #6a6c6c;
}

@media (max-width: 800px) {

input, textarea
{
width: 75%;
}

}

header
{
max-width: 1000px;
margin: 0 auto;
text-align: center;
color: #000000;
}

header #contact_info
{
font-size: 20px;
color: #ffffff;
}

header p
{
font-size: 40px;
font-style: italic;
margin: 0px;
}

@media (max-width: 700px) {

header #logo img
{
width: 100%;
height: auto;
}

}

#wrap
{
max-width: 1000px;
margin: 0 auto;
}

@media (max-width: 1000px) {

#wrap
{
width: 96%;
margin-left: 2%;
margin-right: 2%;
}

header
{
width: 96%;
margin-left: 2%;
margin-right: 2%;
}

}

#main_content
{
width: 96%;
padding: 2%;
background: rgba(255,255,255,0.9);
margin-top: 20px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

#contact
{
width: 96%;
padding: 2%;
background: rgba(255,255,255,0.9);
margin-top: 20px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

#copyright
{
width: 96%;
padding: 2%;
background: rgba(255,255,255,0.9);
margin-top: 20px;
margin-bottom: 20px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

#copyright p
{
margin: 0px; 
}