/* Different */
@media (min-width: 768px) and (max-width: 1200px)
   {

}


@media (max-width: 768px)
   {
       
         #Logo {
      max-width: 200px;
    margin: auto;
  }
       
       #Text1 {
    max-width: 320px;
     margin: auto;
}
       
       
       #Text2 {
    max-width: 320px;
    height: 240px;
    margin: auto;
}
       
       #container1 {
    max-width: 320px;
    height: 240px;
    margin: auto;
}
      #container2 {

} 
       
       #container3 {
    max-width: 320px;
    height: 240px;
    margin: auto;
}
       
       #container4 {
    max-width: 320px;
    height: 240px;
    margin: auto;
}
       
       #container5 {
    max-width: 320px;
    height: 240px;
    margin: auto;
}
       
       #container6 {
    max-width: 320px;
    height: 240px;
    margin: auto;
}
       
       #Text3 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

}

@media (max-width: 320px)
   {
#Container1{
    background-color: #1b1b1b;
}
       
              #Logo {
      max-width: 200px;
    margin: auto;
  }
       body{
           background-image:none;
           
       }
}







/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
   
#Container1{
    background-color: #1b1b1b;
}
       
              #Logo {
      max-width: 200px;
    margin: auto;
  }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
   
#Container1{
    background-color: #1b1b1b;
}
       
              #Logo {
      max-width: 200px;
    margin: auto;
  }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
   
#Container1{
    background-color: #1b1b1b;
}
       
              #Logo {
      max-width: 200px;
    margin: auto;
  }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
   
#Container1{
    background-color: #1b1b1b;
}
       
              #Logo {
      max-width: 200px;
    margin: auto;
  }
}


/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
  
}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}


/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}


/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}