/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
    #app_container{font-size: 68%;}
    #questionsArea {padding: 1em;}
    
    .headerTitle {
        font-size: 2.4em;
    }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
    #app_container{font-size: 68%;}
    #questionsArea {padding: 1em;}
   
    .headerTitle {
        font-size: 2.4em;
    }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){

}

/* #### iPhone 6 Portrait or Landscape #### */
@media screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2){

}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){

}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

}

/* #### Desktops #### */
@media screen and (min-width: 768px){

}
/* #### Desktops #### */
@media screen and (min-width: 1000px){

}
@media screen and (min-width: 1136px){

}
/* #### Desktops #### */
@media screen and (min-width: 1200px){

}

/* #### Desktops #### */
@media screen and (min-width: 1400px){
    #app_container{font-size: 90%;}
}

/* #### Desktops #### */
@media screen and (min-width: 1600px){
    #app_container{font-size: 100%;}
}
@media screen and (min-width: 1640px){

}
/* #### Desktops #### */
@media screen and (min-width: 1900px){

}