@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

body
{
    font-family: 'Roboto Slab', serif;
    font-size: 1.25rem;
    overflow-x: hidden;  
}

#carousel .carousel-item > div, div.img-start > div
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2.5rem;
    padding: 3.125rem;
    text-align: left;
}

#carousel .carousel-item img, div.img-start img
{
    filter: brightness(0.4);
    height: 25rem;
    object-fit: cover;
    width: 100%;
}

#carousel, div.img-start
{
    height: 25rem;
}

.stats .fa-solid
{
    font-size: 2.5rem;
    padding-bottom: 0.625rem;
}

#pomocni .fa-solid
{
    float: right;
}

section.info > .row > div > div, .contact > .row > div > div
{
    -webkit-box-shadow: 0 0 12px 1px rgba(199, 199, 206, 1);
    -moz-box-shadow: 0 0px 12px 1px rgba(199, 199, 206, 1);
    box-shadow: 0 0 12px 1px rgba(199, 199, 206, 1);
    border-radius: 12px;
    position: relative;
}

.list-group a
{
  font-size: initial;
}

section.info > .row > div > div a
{
    position: absolute;
    bottom: 0;
    padding-bottom: 0.9rem;
}

section.info .fa-solid, section.info .fa-brands
{
    padding-bottom: 0.9rem;
}

.slider > div
{
    cursor: grab;
}

footer
{
    font-size: 0.9rem;
}

footer ul
{
    display: block;
    list-style: none;
}

footer ul a
{
    text-decoration: none;
}

footer .fa-brands
{
    font-size: 1.125rem;
    padding: 0.35rem;
}

.pop-up
{
    display: none;
}

@media (max-width: 62rem)
{
  .map
  {
      height: 25rem;
  }
}