.container {
  width: 100%;
  margin-top: 3em;
  flex: 1 0 auto;
}
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}
html {
  height: 100%;
}
body{
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;

}
.footer {
  grid-row-start: 2;
  grid-row-end: 3;
}

@media (max-width: 700px) {
  #accordion {
		width:100%;
    height:100%;
	}
}
@media (max-width: 700px) {
  #example {
		width:100%;
    height:100%;
	}
}
@media (max-width: 700px) {
  #example_egc {
		width:100%;
    height:100%;
	}
}
@media (max-width: 700px) {
  #transnum {
		width:100%;
    height:100%;
	}
}

#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #14345f;
  text-decoration: none;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #14345f;
  color: white;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: white;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: white;
  background-color: #14345f;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: white;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}