/* Globañs */
.arrows {
  float: right;
  margin: 0 5px;
}
.arrow {
  width: 0; 
  height: 0;
  margin: 0.5em 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.down-off {
  border-top: 5px solid #f00;
}
.up-off {
  border-bottom: 5px solid #f00;
}
.down-on {
  border-top: 5px solid white;
}
.up-on {
  border-bottom: 5px solid white;
}
.default-td {
  padding: 5px;
  border: 1px solid white;
  font-size: 12px;
}
.header-td {
  color: white;
  background-color: darkgrey;
}
.graphlink_img {
  width: 300px;
}
.enlarger {
  position: relative;
  top: -150px;
}

/* For tablets and PC: */
@media only screen and (min-width: 799px) {
.graphlink_cont {
  width: 300px;
  height: 200;
  margin: 15px;
  float: left;
}
}

/* For small screens and phones*/
@media only screen and (max-width: 798px), @media (pointer: coarse) {
.graphlink_cont {
  width: 300px;
  height: 200;
  margin: 2px calc( 50vw - 150px );
  float: left;
}
}