body {
 background-color: black;
 background-image: url(site-banner.jpg);
 background-position: center top;
 background-attachment: fixed;
 background-size: 200%;
 color: white;
 padding: 20px;
 font-family: "Times New Roman";
}

a {
 color: yellow;
 -webkit-transition: color 1s;
 -o-transition: color 1s;
 -moz-transition: color 1s;
 transition: color 1s;
}

a:hover {
 color: steelblue;
}

#header {
 background-color: black;
 background-position: left bottom;
 color: white;
 padding: 10px;
 height: 100%;
 /*! border-radius: 1em; */
}

#main {
 float: left;
 min-width: 97%;
 background-image: url('tranblack.png');
 color: white;
 padding-left: 20px;
 padding-top: 20px;
 padding-bottom: 20px; padding-right: 20px;
 min-height: 70%;
}

#text {
 float: left;
 max-width: 70%;
}

#sidebar {
 float: left;
 color: white;
 min-height: 70%;
 width: 10%;
 margin-right: 5%;
 margin-left: 5%;
 text-align: center;
 border-radius: 1em;
 opacity: 0.800;
}

#footer {
 clear: both;
 background-color: black;
 color: white;
 padding: 10px;
 margin-top: 20%;
}

#zw {
 width: 70px;
}

.section {
 padding: 30px;
 max-width: 300px;
 min-height: 300px;
 float: left;
}

.section h3 {
 color: yellow;
}

.section img {
 box-shadow: 10px 10px 30px black;
 -webkit-box-shadow: 10px 10px 30px black;
 -moz-box-shadow: 10px 10px 30px black;
  max-width: 300px;
}

#contact_email > input:nth-child(2), #contact_name > input:nth-child(2), #contact_subject > input:nth-child(2), #contact_message > textarea:nth-child(2) {
 padding: 10px;
 border-radius: 0em 1em 1em 0em;
 border: 1px gray solid;
 font-family: Arial;
}

#text input, #text textarea {
 transition: background-color 2s;
}

#text input:focus, #text textarea:focus {
 background-color: black;
 color: white;
}

@media screen and (max-width: 980px)
	{
body {
 background-color: black;
 background-image: url('tranblack.png');
 color: white;
 padding: 20px;
}

#container {
width: 100%;
}
	
#header 
{
 width: 80%;
}

#header img {
width: 100%;
}

#main
{
 width: 80%;
 padding: 10%;
}

#container
{
 width: 90%;
}

#footer
{
 width: 80%;
}

#sidebar img
{
 height: auto;
 max-width: 400%;
}

.section {
width: 100%;
padding: 5%;
}

.section img {
height: auto;
max-width: 20%;
}

	}

@viewport{
    zoom: 1.0;
    width: device-width;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}