html, body {
    height: 100%;
}
.container-fluid {
    height: 100%;
    overflow-y: hidden;
}
.row {
  height:100%;
}

html {font-size: 100%; color: #888888;}

@include media-breakpoint-up(sm) {
  html {
    font-size: 16px;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 20px;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 28px;
  }
}

body {
  padding-top: 0rem;
  background: #252525 url('../img/dark_Tire.png');
}
body {
  font-family: 'Open Sans', sans-serif; color: #888888;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.logo {
  margin-bottom:1.5rem;
  padding: 0 15% 0 15%;
}
.tagline, .phone {
  letter-spacing: 1.5px;
  text-align: center;
}

a:link, a:visited {
  color:rgb(0,213,255);
  text-decoration: none;
}

/* mouse over link */
a:hover, a:active {
  color:rgb(119, 119, 119);
  text-decoration: none;
}
.tagline {color:#D3D3D3;font-size:1.8rem;font-weight:400;}
.tagline span {color:#777777; font-size: 1.2rem;font-weight:300!important;font-style:none;}
.phone {font-size:1.1rem;}




* {box-sizing: border-box; }



/* ---- button ---- */

.button {
  display: inline-block;
  padding: 10px 18px;
  margin-bottom: 10px;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */

.grid {
  border: 0px solid #333;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* .g-item {position:relative; float:left; width:220px; height:146px;margin: .5rem; padding:0px; }
*/

.btn-link, .btn-link:hover {font-size:1rem; color: #888888; font-family: "Veranda", sans-serif;}
.edu-nav {border-bottom:1px solid #777777;margin-bottom:1rem;}
.edu-footer {border-top:1px solid #777777;margin-bottom:1.5rem;}
.bg-inverse {background:rgba(41, 43, 44, 0.90)!important;}

a:link, a:visited {text-decoration:none; color:#777777;}
a:hover, a:active {text-decoration:none; color:#d5d9bf;}





/* photo swipe helpers */
.g-item {display:block}