/*! Spectre.css Docs | MIT License | github.com/picturepan2/spectre */
/* Spectre version */
.version::after {
  content: "0.1";
}
/*PALETTE
  blue  #0073e5	(0,115,229)
  green #7ddc1f	(125,220,31)
  white #f5f5f5	(245,245,245)
  darkg #444444	(68,68,68)
  black #000000	(0,0,0)
*/
/* Spectre docs style */
.bg-gray {
  background: #454d5d;
  color: #e7e9ed;
  padding: 1rem;
}
.bg-gray a{
  color: #e7e9ed;
}
/*.bg-dark {
  background: #50596c;
  color: #fff;
  padding: 1rem;
}
.bg-primary {
  background: #5764c6;
  color: #fff;
  padding: 1rem;
}*/
.section-header {
  padding: 1rem .5rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}
.section-hero {
  position: relative;
  z-index: 300;
}
.grid-header .navbar {
  height: 4rem;
}
.grid-header .navbar-section {
  padding: 0;
}
/*.grid-header .navbar-brand {
  color: #50596c;
}*/
.grid-header .btn-link {
  color: #dbdde1;
  padding-left: .6rem;
  padding-right: .6rem;
}
.grid-header .btn-link:hover {
  color: #f9fbff;
}
.grid-hero {
  margin-bottom: 4rem;
  margin-top: 10rem;
}
.grid-hero h1 {
  color: #e7e9ed;
  font-size: 7.2rem;
  font-weight: 400;
}
.grid-hero h2 {
  color: #e7e9ed;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3rem;
  margin-bottom: 3rem;
}
.grid-hero h2 u {
  border-bottom: .2rem solid currentColor;
  padding-bottom: .1rem;
  text-decoration: none;
}
.fa {
  color: #4c59c2;
}
.hidden{
  display: none;
}
.transition {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  z-index: 2; position: absolute;
}
.zoom {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}
.air{
  padding: 2rem;
}
.responsivetable{
  overflow-x:auto;
}