body{background:url("backdrop_base.jpg") repeat;
    background-size: cover;
    padding:5%;}
    
#main{background-color:#ffffff;
      text-align:center;
      padding:5%;}

p{font-family:"Lucida Console";
    background-color:#ffffff;
    padding:5%;
    font-size:20px;}
      
img{height:auto;
    width:100%;
    max-width:550px;
    margin-left:500}
img:hover {height:auto;
          width:100%;
          max-width:750px;}
          
@media screen and (max-width: 1600px) {body #main {height:500px; width:1225px;}}
@media screen and (max-width: 1200px) {body #main {height:375px;width:918.75px;}}
@media screen and (max-width: 900px) {body #main {height:250px;width:612.5px;}}
@media screen and (max-width: 500px) {body #main {height:125px;width:306.25px;}}
@media screen and (max-width: 1600px) {body p {font-size: 20px;}}
@media screen and (max-width: 1200px) {body p {font-size: 15px;}}
@media screen and (max-width: 900px) {body p {font-size: 10px;}}
@media screen and (max-width: 500px) {body p {font-size: 5px;}}