@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
  overflow-x: hidden;
  font-family: 'Lato', sans-serif;
}

.offset:before {
  height: 4rem;
  margin-top: -4rem;
  content:"";
  display: block;
}
[class*="col-"] {
  padding: 1rem;
}

/* Navigation*/
.navrbar {
  padding: .7rem 1rem;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1rem;
  transition: background-color .5s ease 0s;
}
.navbar-brand img {
  height: 3rem;
}
.svg-inline--fa.fa-w-14 {
  color: grey;
  font-size: 1.6rem;
}
.navbar-nav li {
  padding-right: .8rem;
}
.navbar .nav-link {
  color: grey;
  padding-top: .8rem;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color:red;
}
.navbar.solid {
  background: rgba(0,0,0,0.7)!important;
  transition: background-color 1s ease 0s;
}
/* Landing Page Image */

.landing {
  position: relative;
  width: 100%;
  height: 100vh;
  display: table;
  z-index: -1;
}
.home-wrap {
  clip:rect(0, auto,auto,0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-inner {
  background-image: url('images/landing_page.jpg');
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.caption {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 38%;
  z-index:1;
}
.caption h1 {
  color: white;
  font-size:2.5rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .3rem;
  text-shadow: .1rem .1rem .8rem black;
}
.caption h3 {
  color: white;
  font-size:1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .3rem;
  text-shadow: .1rem .1rem .8rem black;
}
.caption a {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .3rem;
  text-shadow: .1rem .1rem .8rem black;
}
/* About Page Image */
.about {
  position: relative;
  width: 100%;
  height: 20vh;
  display: table;
  z-index: -1;
}
.about-wrap {
  clip:rect(0, auto,auto,0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about-inner {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}

/* Info */
.info {
  color: grey;
  font-size:.8rem;
  font-weight: 700;
}
.info-header {
  color: grey;
  font-size:1rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
/* Card */
.card {
  border: none;
  width: 100%;
}
/* jumbotron */
.jumbotron {
  margin-bottom: 0px;
}
/* Footer */
.footer-copyright {
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  text-align: center;
}
hr {border-top: 1px solid rgb(148, 145, 145); width:50%;}
a {color: rgba(255, 255, 255, 0.575);}
a:link{text-decoration:none;}
a:hover{color:red;}