.article-list {
  color:#313437;
  background-color:#fff;
}

.article-list p {
  color:#7d8285;
}

.article-list h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .article-list h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.article-list .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto;
}

.article-list .intro p {
  margin-bottom:0;
}

.article-list .articles {
  padding-bottom:40px;
}

.article-list .item {
  padding-top:50px;
  min-height:425px;
  text-align:center;
}

.article-list .item .name {
  font-weight:bold;
  font-size:16px;
  margin-top:20px;
  color:inherit;
}

.article-list .item .description {
  font-size:14px;
  margin-top:15px;
  margin-bottom:0;
}

.article-list .item .action {
  font-size:24px;
  width:24px;
  margin:22px auto 0;
  line-height:1;
  display:block;
  color:#4f86c3;
  opacity:0.85;
  transition:opacity 0.2s;
  text-decoration:none;
}

.article-list .item .action:hover {
  opacity:1;
}

.col-12.col-md-10.col-lg-8.d-flex.justify-content-center.flex-column {
  margin:auto;
}

.hline {
  width:100%;
  height:1px;
  background:#fff;
}

.text-center {
}

.vl {
  border-left:1px solid white;
  height:490px;
  position:absolute;
  left:50%;
}

.vl {
}

.logofix {
  top:50%;
  left:50%;
  min-width:100vw;
  min-height:100%;
  width:auto;
  height:auto;
  /*z-index:-100;*/
  transform:translateX(-50%) translateY(-50%);
  background-size:cover;
  transition:1s opacity;
  -webkit-transition-position:fixed;
  position:fixed;
  overflow:hidden;
}

@media (min-width: 576px) {
  #logoresp {
    width:40%;
    max-width:40%;
  }
}

@media (min-width: 992px) {
  #logoresp {
    width:40%;
    max-width:40%;
  }
}

@media (min-width: 1200px) {
  #logoresp {
    width:30%;
    max-width:30%;
  }
}

@media (min-width: 1600px) {
  #logoresp {
    width:20%;
    max-width:20%;
  }
}

@media (max-width: 575px) {
  #logoresp {
    width:90%;
    max-width:90%;
  }
}

.col.d-flex.justify-content-center.flex-column.logofix {
  position:absolute;
}

.udvozlet {
  text-shadow:2px 2px 8px #010101;
}