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

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
html {width: 100%;height: auto;}
    #wrapper, #space,#horario, #horarioleft, #horarioright{width: 300px;}
   
    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}
    ul[id="drop-nav"] li {font-size:10px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  html {width: 100%;height: auto;}

    #wrapper, #space,#horario, #horarioleft, #horarioright{width: 460px;}

    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}
    ul[id="drop-nav"] li {font-size:10px;}
}

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


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  html {width: 100%;height: auto;}

    #wrapper, #space,#horario, #horarioleft, #horarioright{width: 300px;}
     #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}
 
    ul[id="drop-nav"] li {font-size:10px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
html {width: 100%;height: auto;}

  #wrapper, #space, #horario,#horarioleft, #horarioright{width: 540px;}
    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}

    ul[id="drop-nav"] li {font-size:10px;}
}

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

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

html {width: 100%;height: auto;}

  #wrapper, #space, #horario,#horarioleft, #horarioright{width: 350px;}
    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}

    ul[id="drop-nav"] li {font-size:10px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
html {width: 100%;height: auto;}

  #wrapper, #space, #horario,#horarioleft, #horarioright{width: 640px;}
    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}

    ul[id="drop-nav"] li {font-size:10px;}
}

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

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
html {width: 100%;height: auto;}

  #wrapper, #space, #horario,#horarioleft, #horarioright{width: 390px;}
    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}
    ul[id="drop-nav"] li {font-size:10px;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
html {width: 100%;height: auto;}
  #wrapper, #space, #horario,#horarioleft, #horarioright{width: 710px;}

    #square2 p,#square p{font-size:10px;}

    #events p, #events a{font-size:10px;}
    ul[id="drop-nav"] li {font-size:10px;}

}