body {
  font-size: 16px;
  color:  #000000;
  background-color: #ffffff;
  font-family: "Helvetica Neue", sans-serif;
    margin-left: auto;
    margin-right: auto;
}

/** HEADER **/
#header-nav {
  /*background-color: #ccccff;*/
  width: 100%;
  background-color: #ffffff;
  border-radius: 0;
  border: 0;
}



.navbar-brand {
  padding-top: 25px;
}

.navbar-brand h1 { /* Statistical Report */
  font-size: 1em;
  /*text-transform: uppercase;*/
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  line-height: .75;
}

.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}

.navbar-brand p { /* June 2016 */
  /*text-transform: uppercase;*/
  font-size: .8em;
  margin-top: 5px;
}

#nav-list {
  margin-top: 10px;
}

#nav-list a {
  color: #000000;
  text-align: center;
  padding: 10px;
}

#nav-list a:hover {
  background: #E7E7E7;
}

#nav-list a span {
  font-size: 1.4em;
}

.navbar-header button.navbar-toggle, .navbar-header .icon-bar {
  /*border: 1px solid #61122f;*/
}

.navbar-header button.navbar-toggle {
  clear: both;
}

/********** Large devices only **********/
@media (min-width: 1200px) {

}

/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {

}

/********** Small devices only **********/
@media (min-width: 768px) and (max-width: 991px) {

}

/********** Extra small devices only **********/
@media (max-width: 767px) {

  /* Header */
 

  .navbar-brand {
    padding-top: 10px;
    height: 80px;
  }

  .navbar-brand h1 { /* JASPERS Quarterly Report */
    padding-top: 10px;
    font-size: 4vw; /* 1vw = 1% of viewport width */
  }

  #collapsable-nav a { /* Collapsed nav menu text */
    font-size: 1.2em;
  }

  #collapsable-nav a span { /* Collapsed nav menu glyph */
    font-size: 1em;
    margin-right: 5px;
  }
  /* End Header */
}

/** END HEADER **/

/* MAIN PAGE */

.output {
    width: 100%;
    height: 50em;
    border: 1px solid #ccc;
}

/* END MAIN PAGE */