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

html,body{
  width: 100%0;
  height: 100%;
  font-family: 'Poppins', Courier, monospace;
  color: #222;
  scroll-behavior: smooth;
  background-image: url(obrazky/cyber-security-interface-skjqyncmzs3h1jcr.jpg);
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(0, 0, 0);
  color: white;
  text-align: center;
}
h1{
  color: white;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.navbar{
  padding: 1rem;
}
.bg-barva{
  background-color: #221e1e;
}
.navbar-nav li{
  padding-right: 10px;
}

.nav-link{
  font-size: 1.2em;
}



footer{
  background-color:  #221e1e;
  color: whitesmoke;
  padding-top: 1rem;
}

.light{
  width: 100%;
  border-top: 2px solid gainsboro;
}



@media (max-width: 992px) {

  }
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  
}


figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(darkred,black);
}
#fixed {
  background-image: url('obrazky/sky.jpg');
  opacity: 0.5;
  position: fixed;
  display: block;
  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;
}

[class*="col-"] {
    padding: 1rem;
}