.row-center {
    display: flex;
    justify-content: center;
    padding-top: 130px;
}

/* O nás - nadpis */
.row-wavename {
    position: relative;
}
.row-wavename h1, .row-wavename h2 {
    z-index: 10;
    position: absolute;
    transform: translate(-50%,-50%);
    font-family: "Montserrat", sans-serif;
    font-size: clamp(1rem, calc(7vw + 1rem), 4rem);
    white-space: nowrap;
    margin: auto;
}
.row-wavename h1:nth-child(1), .row-wavename h2:nth-child(1) {
    color: transparent;
    color: rgba(18, 113, 172, 0.6);
    z-index: 1;

}
.row-wavename h1:nth-child(2), .row-wavename h2:nth-child(2) {
    z-index: 2;
    color: rgba(18,112,172,1);
    animation: wave 4s ease-in-out infinite;
}
@keyframes wave{
    0%, 100%{
        clip-path: polygon(0% 45%, 7% 42%, 13% 40%, 20% 41%, 26% 42%, 32% 46%, 37% 51%, 44% 53%, 51% 55%, 55% 60%, 64% 60%, 71% 62%, 80% 62%, 84% 59%, 90% 57%, 94% 55%, 98% 54%, 100% 51%, 100% 100%, 0% 100%);
    }
    50%{
        clip-path: polygon(0% 75%, 9% 75%, 19% 75%, 26% 74%, 31% 71%, 38% 68%, 42% 64%, 50% 60%, 56% 57%, 63% 54%, 69% 52%, 75% 53%, 81% 53%, 88% 54%, 91% 55%, 93% 58%, 96% 63%, 100% 67%, 100% 100%, 0% 100%);
    }
}


.blogs {
    display: flex;
    flex-wrap: wrap;       /* Umožní zalamování */
    gap: 20px;             /* Mezera mezi boxy */
    justify-content: flex-start;
    padding: 20px;
    padding-top: 50px;
    box-sizing: border-box; 
    max-width: 80vw;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.blog-card {
    width: calc(30% - 20px);
    height: fit-content;
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.blog-card .image{
    height: 50%;
    max-height: 300px;
    overflow: hidden;
}

.blog-card .image img {  
    width: 100%;

}

.blog-card h2 {
    padding-top: 10px;
}

.blog-card p {
    text-align: left;
    padding: 10px;
    font-size: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}