.o-nas{
      background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,14)), url(obrazky/WP_20170420_13_15_32_Pro.jpg);
      background-repeat: no-repeat;
      background-size:cover ;
      height: 95vh;
      padding: 4rem 1rem ;
      background-color:  rgba(17, 16, 17, 0.58);
      align-items: center;
      justify-content: center;
      display: flex;
      color:white;
    }
    
.nazev{
        font-size: 60px;
        width: 500px;
        color:white;
        text-align:center
    }
h1{
        margin-left: 2%;      
        margin-top: 4%; 
        }
.btn:active{
        border-color:none ;
}
nav{
        text-decoration: dashed;
}
.navbar-dark-bg{
        padding: 1rem;
}

.navbar-pradelna{
        font-size: 1.5rem;
        font-weight: bold;
        color: #008DD5;
        margin-left: 15px;
        text-decoration: dashed;
}
.navbar-pradelna:hover{
        text-decoration: none;
        color: #008DD5;
      }
.nav-link{
        color: #000000;
        font-size: 20px;
        position: relative;
        padding: 0 15px;
        transition: color 0.3s;
      }

.nav-link:hover{
        color: #000000;
}

.nav-link:after{
        content: '';
        display: block;
        height: 2px;
        background: black;
        width: 100%;
        position: absolute;
        left: 50%;
        bottom: -5px;
        transform: translateX(-50%) scaleX(0);
        transition: transform 0.3s ease;
}

.nav-link:hover:after{
        transform: translateX(-50%) scaleX(1);
}

.nav-link.active{
        color: black;
        font-weight: bold;
      }

.nav-link.active:after{
        content: '';
        display: block;
        height: 2px;
        background: black;
        width: 100%;
        position: absolute;
        left: 50%;
        bottom: -5px;
        transform: translateX(-50%);
      }

.navbar-toggler{
        border: none;
        outline: none;
}

.navbar-toggler:focus{
  outline: none;
  box-shadow: none;
}

.navbar-collapse{
  background-color: #f5f5f5;
  padding: 0.1rem 0;
  text-align: center;
}

.navbar-collapse .nav-item{
  width: 100%;
}
main{
  height:auto;
}
.accordion{
  margin-top: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.card{
  position: absolute;
}
.card-body{
font-size:16px;
}
svg{
  display: block;
  margin-left: 50%;
}


/*Rosponzivita */
@media (min-width: 992px){
  .navbar-collapse{
      margin-top:auto;
      display: flex !important;
      justify-content: flex-end;
      background-color: transparent; 
      align-items:center;
  }

  .navbar-nav{
      margin-left: auto;
      display: flex;
      align-items:center;
  }

  .nav-item{
      margin-left: 20px;
      width: auto;
      text-align:center;
  }

  .navbar-pradelna{
      margin-left: 30px;
  }

  .navbar-collapse .nav-link{
      padding: 10px 20px;
  }

  .navbar-collapse .nav-link:hover{
      background-color: rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 2400px){
  .pracka{
    margin-top: 100px !important;
  }
}
img{
  margin-top: 50px !important;
}
footer{
  bottom: 0;
  margin-top: 250px;
  text-align: center;
  background-color: #008DD5;
  color: white;
  padding: 10px;
}
footer p{
  z-index: 10;
}