@charset "utf-8";
/* CSS Document */
 body{
	background: url(images/overlay.png);
 }
 header {
      text-align: center;
      background: url('../images/wallpaper.jpg');
      background-size:cover;
      color: white;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
	 
    }
    a {
      color: white;
    }
    h1 {
      font-size: 60px;
      padding-top:5px;
    }
    img {
      margin: 40px 0px 0px 0px;
      border: 7px solid white;
      border-radius: 20px;
	  
    }
    ul {
      padding: 10px;
      background: rgba(0,0,0,0.5);
	  border-bottom-left-radius:10px;
	  border-bottom-right-radius:10px;
    }
    li {
      display: inline;
      padding: 0px 10px 0px 10px;
    }
    article {
      max-width: 500px;
      padding: 20px;
      margin: 0 auto;
      display:block;
	
    }
	
	#fade{
	    
        width: 300px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        } 
    @media (max-width: 500px) {
      h1 {
        font-size: 36px;
        padding: 5px;
      }
      li {
        padding: 5px;
        display: block;
      }
	  	      }
	
	footer {
	text-align:center;	
	}
       
       .mobile {

       width:320px;
       height:480px;
       }

       .pics{
       max-width: 500px;
       display:inline;
       padding: 20px;
       text-align:center;
       margin: 0 auto; 
       
         
      }