@font-face {
  src: url("fonts/ProximaNova-Regular.woff");
  font-family: ProximaNova;
  font-weight: 400;
}
@font-face {
  src: url("fonts/ProximaNova-Light.woff");
  font-family: ProximaNova;
  font-weight: 300;
}
@font-face {
  src: url("fonts/ProximaNova-Bold.woff");
  font-family: ProximaNova;
  font-weight: 500;
}
body {
  background: #3a3c3f;
  font-family: ProximaNova, sans-serif;
  font-weight: 400;
  color: white;
}

nav.navbar {
  padding: 20px 0;
}
nav.navbar a.navbar-brand {
  position: absolute;
}
nav.navbar a.navbar-brand img {
  width: 7em;
  position: relative;
  top: 15px;
}
nav.navbar .nav-item {
  border-right: 2px solid white;
  padding: 0 20px;
  background: none;
}
nav.navbar .nav-item .nav-link {
  color: white;
  padding: 0;
  margin: 0;
}
nav.navbar .container {
  padding-top: 0;
  padding-bottom: 0;
}

.slider .text {
  position: absolute;
  right: 100px;
}
.slider .text p {
  position: relative;
  top: -150px;
  color: white;
  font-size: 25px;
  padding-left: 15px;
  border-left: 3px solid #ff5000;
  text-transform: uppercase;
}

.container {
  padding-top: 2em;
  padding-bottom: 2em;
}

.red {
  background: #ff5000;
}
.red h2, .red h3 {
  border-color: black;
}

.light {
  background: #42585a;
}

h2, h3 {
  text-transform: uppercase;
  color: white;
  padding-left: 15px;
  border-left: 3px solid #ff5000;
  margin: 1em 0;
  font-weight: 500;
}
h2.center, h3.center {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}

h3 {
  text-transform: none;
}

p {
  text-align: justify;
  font-weight: 300;
}

ul {
  margin: 1em 0;
  list-style: none;
}
ul li {
  background: url("images/list.png") no-repeat;
  background-position-y: 5px;
  padding-left: 25px;
  min-height: 30px;
}

.dash {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 2em;
}
.dash img {
  width: 75%;
  display: block;
  margin: 0 auto 1em;
}

.gallery img:not(.label) {
  display: block;
  width: 100%;
}
.gallery img.label {
  width: 30%;
}
.gallery section {
  margin: 2em 0;
}
.gallery h2 {
  margin-bottom: 0;
}
.gallery h4 {
  text-transform: uppercase;
  color: white;
  border-left: 3px solid #8d99ac;
  padding-left: 10px;
  font-size: 1.2rem;
  font-weight: 500;
}
.gallery.aside section {
  margin: 30px 0;
}

footer .logo-wrapper {
  position: absolute;
}
footer .logo-wrapper img {
  position: relative;
  top: -32px;
  width: 10em;
}
footer .row {
  margin-top: 1em;
}
footer .contacts {
  font-weight: 300;
}
footer .people {
  line-height: 3;
}
footer .info {
  line-height: 1;
}
footer .info img {
  width: 2rem;
}

@media (max-width: 1199.98px) {
  nav.navbar {
    padding: 0;
    margin-bottom: -2em;
  }
  nav.navbar a.navbar-brand {
    position: static;
  }
  nav.navbar a.navbar-brand img {
    position: relative;
    top: -15px;
  }

  div.navbar-collapse {
    background: #3a3c3f;
  }

  .dash > div {
    margin-bottom: 1em;
  }

  .gallery .row > div {
    margin-bottom: 1em;
  }

  .slider .text p {
    font-size: 1rem;
    top: -5em;
    left: 5em;
  }

  footer {
    text-align: center;
  }
  footer .row {
    margin-top: 8em;
  }

  .red h2.center, .light h2.center {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

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