body {
background: #000;

}

.header {
	padding: 5px;
	width: 400px;
	height: 200px;
	margin: 0 auto;
  }

img {
 width:100%;
 height:auto;
 }
  .left {
  float: left;
  margin: 5px;
  padding: 5px;
  width: 300px;
  height: 300px;
  }
  .right {
  float: left;
  margin: 5px;
  padding: 5px;
  width: 300px;
  height: 300px;
  }
  .middle {
  display:block;
  margin: 0 auto;
  width: 650px;
  padding-top: 50px;
  
  }
  
  .background {
  background: transparent url("/images/bg-1.jpg") no-repeat fixed 0% 0% / cover;
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.65;
	-ms-filter: "alpha(opacity=65)";
	filter: alpha(opacity=65);
  }
  
  @media only screen and (max-width: 675px) {
    
    .content {width:100%}
    .middle { padding-top:0;
    	       
    
    }
    .header {
              width:250px;
              margin: 0 auto;
    }
    .header > img {
              margin-left:25px;
    }
    .middle {width:250px;}
    .right {
              float:none;
              margin: 0 auto;
              width:250px;
    }
    .left {
              float:none;
              margin: 0 auto;
              width:250px;
    }
    a {height:auto !important;}
}