#metody img {
  width: auto;
  height: auto;
  vertical-align: initial;
}

#zajimavosti h3 {
  color: #bb1e27;
}

.page-footer p {
  margin-bottom: 10px;
  font-size: 10.5pt;
  font-family: arial,helvetica,sans-serif;
}

@media (min-width:992px) {
  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin-bottom: 20px;
    overflow: visible;
  }
}

.portfolio-navbar .navbar-nav .nav-item {
  padding-right: 1rem;
}

.page-footer {
  background-color: #0e0606;
  color: #ffffff;
  border-top: 4px solid #76b5f4;
}

.page-footer a {
  color: #909090;
}

#zajimavosti img {
  width: 360px;
  height: 241px;
  margin-top: 2px;
  margin-bottom: 8px;
}

#metody {
  border-bottom: 1px solid #4c4c4c;
}

.kontakty span:last-child::after {
  content: "";
}

.kontakty a {
  font-size: 15px;
  margin-right: 3px;
  margin-left: 3px;
  text-decoration: underline;
}

.kontakty a:hover {
  color: #a4a4a4;
}

.kontakty span::after {
  content: ",";
  padding-right: 3px;
}

#metody > .row span {
  margin-left: 15px;
  margin-bottom: 15px;
}

.kontakty {
  margin-top: 6px;
}

@media (max-width: 768px) {
  .col.d-flex.justify-content-center {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#podkategorie .col {
  background-color: #005d81;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 10px;
  min-width: 210px;
}

#podkategorie a {
  line-height: 1.42857143;
  text-align: center;
}

a:hover {
  color: #008ce6;
  text-decoration: underline;
}

.vekovaKontrola {
  text-align: center;
  line-height: 40px;
  z-index: 10001;
}

.vekovaKontrola h1 {
  color: rgb(169,0,0);
  font-size: 2rem;
}

.modal-backdrop {
  z-index: 10000;
}

#socialSites a {
  margin-bottom: 3px;
  background-color: rgb(51,51,51);
}

@media (max-width: 576px) {
  #zajimavosti img {
    width: 300px;
  }
}

.gradient {
  background: linear-gradient(120deg,#f57070,#9f1b2b);
  color: #ffffff;
}

.gradient {
  background: linear-gradient(120deg,#2b0b0b,#ff0e0e);
  color: #fff;
}

.page-footer {
  padding-top: 35px;
  border-top: 1px solid #ddd;
  text-align: center;
  padding-bottom: 20px;
}

img.card-img-top.scale-on-hover {
    height: 400px;
    object-fit: cover;
}