/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {
  width:100%;
  height:auto;
  }
  
  #container {
  width:100%;
  max-width:600px;
  height:auto;
  margin:0 auto;
  text-align:center;
 }
   
h1 {
   color:#ffffff;
   text-align:center;
    }
    
h2 {
   text-align:center;
    }
    
h2 {
   text-align:center;
    }
    
.list {
    max-width:300px;
    width:100%;
    height:auto;
    margin:0 auto;
    text-align:left;
     }
     
@media only screen and (max-width: 640px) {
}
    
@media only screen and (max-width: 480px) {
    
#container {
    max-width:425px;
    }
    
h1 {
    font-size:large;
     }
     
h2 {
    font-size:large;
     }
     
img {
     width:95%;
     max-width:280px;
     height:auto;
     margin:0 auto;
    }
   }
    
@media only screen and (max-width: 360px) {
    
#container {
    max-width:325px;
    }
    
h1 {
    font-size:large;
     }
     
h2 {
    font-size:large;
     }
     
img {
     width:95%;
     max-width:280px;
     height:auto;
     margin:0 auto;
    }
  }
    
@media only screen and (max-width: 320px) {
       
#container {
    max-width:275px;
    }
    
h1 {
    font-size:large;
     }
     
h2 {
    font-size:large;
     }
     
img {
     width:95%;
     max-width:280px;
     height:auto;
     margin:0 auto;
    }
  }