BODY {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  line-height: 150%;
  color: #969696; }

.text-white {
  color: #fff; }

a {
  text-decoration: none;
  color: inherit; }
  a:hover {
    text-decoration: none;
    color: inherit; }

.vertical-center {
  position: relative;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0); }

.main-header {
  height: 100vh;
  background-color: #1192d4;
  color: #fff;
  position: relative;
  overflow: hidden; }
  .main-header .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url("../img/background.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .main-header #MainLogo {
    height: 40px;
    margin-top: 2rem; }
  .main-header nav {
    margin-top: 2rem;
    font-weight: 500;
    float: right;
    line-height: 40px; }
    .main-header nav li {
      padding-left: 1rem;
      padding-right: 1rem; }
  .main-header h1 {
    font-weight: 300;
    margin: 0 0 0.3em 0;
    text-transform: uppercase;
    font-size: 5em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
    .main-header h1 b {
      font-weight: 700; }
  .main-header h4 {
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
    .main-header h4 b {
      font-weight: 700; }
  .main-header .slider {
    height: 80vh;
    position: relative; }
  @media (max-width: 767.98px) {
    .main-header h1 {
      font-size: 1.3em;
      margin: 0.5em;
      text-align: center; }
    .main-header h4 {
      font-size: 1em;
      margin: 0.5em;
      text-align: center; }
    .main-header nav li {
      width: 49%;
      margin: 0 !important;
      text-align: center; } }

.text-box {
  padding: 200px 50px; }
  .text-box h1 {
    color: #000;
    font-weight: 100; }
  @media (max-width: 767.98px) {
    .text-box {
      padding: 30px; } }

.background-box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .background-box.offer-box {
    background-image: url("../img/background-oferta.jpg"); }
  .background-box.contact-box {
    background-image: url("../img/background-kontakt.jpg"); }
  .background-box.portfolio-box {
    background-image: url("../img/background-portfolio.jpg"); }
  @media (max-width: 575.98px) {
    .background-box {
      min-height: 100px; } }

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