@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&subset=latin-ext");
html, body {
  margin:0;
  padding:0;
}
body {
  font-family:'Nunito', sans-serif;
  background:url(back.jpg);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}
content {
  display:block;
  min-height:100vh;
  background:rgba(0,0,0,0.85);
  margin:0 auto 0 auto;
  box-shadow:0px 0px 50px 1px rgba(0,0,0,0.8);
}
main {
  padding:15px;
  color:white;
  width:960px;
  font-size:16px;
  margin:0 auto 0 auto;
}
main h1, main h2, main h3, main h4, main h5, main h6 { color:#f00; }
top {
  display:block;
  background:url(top.jpg);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
}
top header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:30px;
  background:rgba(0,0,0,0.6);
}
top header #logo img { height:100px; }
top header nav { display:flex; }
top header nav a {
  display:block;
  padding:15px 15px 15px 15px;
  text-transform:uppercase;
  font-size:16px;
  text-align:center;
  font-weight:600;
  color:white;
  transition:all 0.3s;
  border-radius:10px;
  border:2px solid transparent;
}
top header nav a img {
  height:40px;
  display:block;
  margin:0 auto 10px auto;
}
top header nav a:hover {
  border-color:rgba(153,153,153,0.8);
  background:rgba(153,153,153,0.15);
  color:white;
  text-decoration:none;
}
top banner {
  display:block;
  padding:40px 0 40px 40px;
  height:200px;
}
top banner h2 {
  color:#fff;
  text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 2px black, 0px 0px 4px black, 0px 0px 8px black, 0px 0px 16px black;
  font-size:25px;
  font-weight:600;
  text-transform:uppercase;
}
top banner h2 i { color:#81ffff; }
top banner h2#bh1 {
  margin-left:50px;
  font-size:35px;
  line-height:40px;
}
top banner h2#bh2 { margin-left:250px; }
top banner h2#bh3 { margin-left:400px; }
top banner h2#bh4 { margin-left:550px; }
top banner h2 p { display:inline; }
top banner h2 .texteditor { display:inline-block; }
.kontakt {
  display:flex;
  justify-content:space-between;
}
.kontakt article { width:32%; }
@media screen and (max-width: 768px) {
  top header {
    flex-wrap:wrap;
    justify-content:center;
    background:rgba(0,0,0,0.8);
  }
  top header #logo { margin-bottom:20px; }
  top header nav {
    flex-wrap:wrap;
    justify-content:center;
  }
  top header nav a {
    font-size:14px;
    padding:8px 8px 8px 8px;
  }
  top header nav a img { height:40px; }
  top banner { padding:20px; }
  top banner h2 {
    font-size:16px;
    line-height:18px;
  }
  top banner h2#bh1, top banner h2#bh2, top banner h2#bh3, top banner h2#bh4 { margin-left:0; }
  .kontakt { display:block; }
  .kontakt article {
    width:auto;
    margin-bottom:10px;
  }
  main { width:auto; }
}