body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

section:not(#home) {
  padding: 100px 0; }

.contact {
  width: 100%;
  max-width: 500px;
  text-align: center; }
  .contact .title {
    text-transform: uppercase;
    font-size: 1.6rem; }
  .contact .options {
    font-size: 2rem; }
    .contact .options svg {
      width: 30px;
      margin-top: -3px;
      margin-right: 5px; }
    .contact .options a {
      color: white; }

.btn {
  border-radius: 0;
  font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1.4rem;
  border: none; }

.btn-primary {
  background: #0075FF; }

.btn-secondary {
  background: #F88600;
  border: none; }
  .btn-secondary :hover {
    background: #924f00; }

img.bordered {
  max-width: 100%;
  box-shadow: 6px 6px 0 0 #0075FF; }

nav.navbar-light {
  font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #0075FF;
  font-size: 1.4rem;
  position: relative; }
  nav.navbar-light .nav-item .nav-link {
    color: #0075FF; }
  nav.navbar-light .cta {
    position: fixed;
    right: 20px; }

section#home {
  height: 100vh; }
  section#home p {
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 1.4rem; }
  section#home .hero {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: url(../images/warehouse.jpeg);
    background-position: center;
    background-size: cover;
    background-color: black;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1; }
    section#home .hero:before {
      background-color: rgba(0, 0, 0, 0.55);
      width: 100%;
      height: 100%;
      display: block;
      content: "";
      position: absolute; }
  section#home .container {
    height: 100%; }
  section#home .home {
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative; }
    section#home .home .copyright {
      position: absolute;
      bottom: 0; }
    section#home .home img {
      width: 100%;
      max-width: 400px; }

section#contact {
  background-image: url(../images/warehouse-workers.jpeg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0;
  color: white;
  position: relative; }
  section#contact:after {
    background-color: rgba(0, 0, 0, 0.67);
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    z-index: 0;
    top: 0; }
  section#contact .container {
    position: relative;
    z-index: 1; }

@media screen and (min-width: 992px) {
  h1 {
    font-size: 4.5rem; }

  h2 {
    font-size: 3.5rem; }

  h3 {
    font-size: 3.5rem; }

  .navbar-brand {
    margin: 0; }

  .navbar-collapse {
    justify-content: center;
    width: 100%; }

  nav.navbar-light .cta {
    position: fixed;
    right: 100px; }

  .contact {
    width: 100%;
    max-width: 700px; }
    .contact .title {
      text-transform: uppercase;
      font-size: 1.6rem; }
    .contact .options {
      font-size: 2rem;
      display: flex;
      justify-content: space-evenly; }
      .contact .options svg {
        width: 30px;
        margin-top: -3px;
        margin-right: 5px; }
      .contact .options a {
        color: white;
        display: flex;
        align-items: center; } }

/*# sourceMappingURL=styles.css.map */