Banjo_websiteCSS.css

h1 {
	background: brown;
	max-width: 960px;
	object-position: center;
	padding: 15px;
	text-align: center;
}
h2{
	background-color: brown;
	max-width: 960px;
	border: black;
	border: 2px;
	padding: 10px;
	text-align: center;
}
h3{ 
	background-color: brown;
	max-width: 350px;
	padding: 10px;
	text-align: center;
	float: left;

}
h4{
	background-color: brown;
	max-width: 100%;
	text-align: center;
	padding: 10px;
	margin-right: 10px;
	border: 5px black ;

}
a:hover {
    background-color: #ff4d4d ;
}
p:hover, h1:hover, h2:hover,h3:hover,h4:hover{
    background-color: #cc6699;
}
a:visited {
    color: solid brown;
}

body{
  
  display: inline;
  vertical-align: top;
  max-width: 960px;
  float: left;
  margin-left: 50px;
  margin-right: 50px;
  border-left: 50px solid brown;
  border-top: 10px solid brown;
  border-right: 50px solid brown;
  border-bottom: 10px solid brown;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f2d9e6 ;
  background-image: url("http://www.photos-public-domain.com/wp-content/uploads/2012/04/peeling-red-paint-on-old-wood-boards-texture-600x400.jpg");

}

img{
	max-width: 100%;
	object-position: center;
	padding: 15px;
	vertical-align: center;
}

table, th, td {
   border: 2px solid black;
   background: brown;

}
#footer {
	display: inline;
	vertical-align: top;
	position: absolute;
	text-align: center;
	max-width: 100%;
}
@media screen and (max-width: 500px) {
  body {
    background-color: #f2d9e6;
  }
}


/*body{
	margin-left: 450px;
	margin-top: 50px;
	max-width: 960px;
}
* { outline: 1px solid red; }
table{
	float: left;
margin-left: 100px;
margin-top: 500px;
}

 /*img {
  
  max-width: 756px;
}
main {
  display: inline;
  vertical-align: top;
  width: 756px;
  float: right;

}