@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px;
       background-color: #fff;
       text-rendering: optimizeLegibility;
       font-family: "Roboto", "Droid Sans", sans-serif; }

/* @media screen and (max-width: 320px) {  */
/*   div#viewer { float: none; width: 100%; height: 50% } */
/*   div#editblock { float: none; width: 100%; height: 50% } */
/* } */

/* @media screen and (min-width: 321px) {  */
/*   div#viewer { float: left; width: 50%; height: 100% } */
/*   div#editblock { float: right; width: 50%; height: 100% } */
/* } */

/* Standard settings */
@media all and (orientation:landscape) {
  div#viewer { float: left; width: 50%; height: 100% }
  div#editblock { float: right; width: 50%; height: 100% }
}

@media all and (orientation:portrait) { 
  div#viewer { width: 100%; height: auto; min-height: 50%; float: none }
  div#editblock { width: 100%; height: auto; min-height: 50%; float: none }
}

div#editblock { font-size: 16pt; font-family: "Roboto", "Droid Sans", sans-serif; }

.route-shield img {
    height: 1.5em; width: auto; vertical-align: text-bottom;
    margin: 0; padding: 0 }

.route-shield svg {
    height: 1.5em; vertical-align: text-bottom
}