/* ----------- Galaxy S3 ----------- */
/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-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;}
        ul[id="menu5"] li {font-size:10px;}


}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
  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;}
        ul[id="menu5"] li {font-size:10px;}



}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
  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;}
        ul[id="menu5"] li {font-size:10px;}

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  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;}
            ul[id="menu5"] li {font-size:10px;}

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
  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;}
            ul[id="menu5"] li {font-size:10px;}

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
  html {width: 100%;height: auto;}
#wrapper, #space,#horario,#horarioleft, #horarioright{width: 330px;}
    
    #square2 p,#square p{font-size:10px;}
    #events p, #events a{font-size:10px;}
    ul[id="drop-nav"] li {font-size:10px;}
            ul[id="menu5"] li {font-size:10px;}

}

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

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
  html {width: 100%;height: auto;}
#wrapper, #space, #horario,#horarioleft, #horarioright{width: 330px;}
    

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

}