/* for cupaholder site */
body {
  width:100%;
  margin:0;
  padding:0;
  font-family:sans-serif;
}

.container {
  width:100%;
  padding:0;
  margin: 0 auto;
  
}

@media screen and (max-width: 400px) {
      #header{
        margin:0 auto;
        
      } 
      #header img {
      display:block;
      margin:0 auto;
      max-width:100%; 
      height:auto;
      text-align:center;
      
    } 
      .img-imagine {
       display:block;
       padding: 0;
       margin:0 auto;
       max-width:100%;
       height:auto;
       
     }
      #lead-offer {
        display:flex;
        justify-content:space-around;

      } 
       #lead-offer h2.name{
        text-align:left; 
        margin:0 0 .5em 0; 
        font-size:small;
        
      } 
          
      #blue-cup-in-door{
        
        
      }
        .more-info p{
          font-size:11em;
        }  
       
    } /*  end @media for 400px*/
     

    
  #header {
    margin:0 auto;
  )
 
  }
  #header img {
  margin:0 auto;
  display:block;
  max-width:100%; 
  height:auto;
  
} 
#description {
  text-align:center; 
  width:100%; 
  margin:0.9em auto;
  font-size:medium;
}
 p.imagine {
   margin: 0 auto;
 }
 
 .img-imagine {
   display:block;
   padding: 0;
   margin:0 auto;
   max-width:100%;
   height:auto;
   
 }
 
 
#lead-offer {
  display:flex;
  justify-content:space-around;
  margin:.5em auto 0;
  max-width:1000px;
  
}
/*
style="text-align:left;margin:0; padding-right:0.5em;   font-size:.8em; 
#lead-offer h2{
  text-align:left; 
  margin:0 0 .5em 0; 
  padding-left:1em; 
  
}  */
 #lead-offer h2.name{
  text-align:left; 
  margin:0 0 .5em 0; 
  font-size:22px;
  
} 
#lead-offer h2.product-design{
  font-size:small;
}
#lead-offer h4 {
  text-align:left;  
  padding-left:1em;  
  margin:0; 
  font-size:small;
}
#lead-offer p{
  margin:0 0 0.5em 2em; 
  font-size:x-small;
}
#lead-offer ul  {
  padding-left:3em;
  font-size:.8em;
}
.holds p{
  text-align:center; 
  width:100%; 
  margin:.5em 0 0 0;
}
.view-items{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-around;
  max-width:1000px;
  margin: 0 auto;
}
.view-items p{
  margin:.5em 0 0 0;
  width:100%; 
  text-align:center;
}
.view-items ul{
  font-size:.8em;
}

#availibility {
  display:flex;
  width:100%;
  margin: 0 auto;  
  justify-content: space-around;
}
#availibility h3{
  margin:0;
}
#availibility h5{
  margin:0;
}
#availibility ul{
  margin:0;
}
footer{}
  
  .more-info{
    display:flex;
    width:100%;
    margin: 0 auto;
    justify-content: space-around;}
  .more-info p{
    font-size:.8em;
  }  

 /* 





#header img{
  display:block;
  margin:0 auto;

  max-width:100%; 
  height:auto;
  
}
 

/*
#logo{ 

  padding: 0;
  margin:  0 auto ;
  max-width:100%; 
  height:auto;
 } 

.placeholder1 {
  width:90%;
  margin:auto;
}




 p.imagine {
   margin: 0 auto;
 }
 
.view-items{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-around;
}
.item {
  display:block;
  margin: auto;
  max-width:100%; 
  height:auto;
  
}

#lead-offer {
  display:flex;
}

*/