#primary h1 > span {
    font-weight: 400;
}

.uvod-first > h1 {
    margin: 0px;
}

.uvod-split {
    display: flex;
    width: 64vw;
    margin-left: 18vw;
    margin-top: 10vw;

    /*box-shadow: 0px 10px 10px 10px #CCC;*/
    /*border-radius: 3rem;*/
    /*padding: 4vw;*/
}

.uvod-split > div:first-child {
    flex: 1;
}

.uvod-split > div:nth-child(2) {
    flex: 0.8;
}

.uvod-second {
    font-size: 17px;
    margin-left: 40px;

/ / margin-left: - 80 px;
    position: relative;
    top: 40px;
}

.uvod-contact {
    display: flex;
    flex-direction: column;
    width: fit-content;
    /* float: right; */
    position: relative;
    top: 53px;
    /* left: auto; */
    margin-right: 30px;
    margin-left: auto;
    font-size: 20px;

}

.uvod-contact a:nth-child(2), .uvod-contact a:nth-child(3) {
    font-weight: 600 !important;
}

.uvod-contact > .more-link {
    width: fit-content;
    margin-left: auto;
    font-size: 17px;
    position: relative;
    top: calc(53px + 1rem);
}

@media screen and (max-width: 900px) {
    .uvod-split {
        flex-direction: column;
    }


    .uvod-contact > .more-link {
        display: none;
    }

}

@media screen and (max-width: 499px) and (min-width: 50px) {
    .uvod-first img {
        margin-top: 35px;
    }

    .uvod-second {
        width: 90%;
        margin-left: 5%;

        margin-top: 40px;
        top: 10px;
    }

    .uvod-contact {
        top: 0px;
        margin: 4.5rem auto;
    }

    .uvod-first img {
        width: 80%;
        margin-left: 10%;
    }

    .uvod-split {
        margin-top: 50px;
        width: 80vw;
        margin-left: 10vw;
    }
}

@media screen and (max-width: 649px) and (min-width: 500px) {
    .uvod-split {
        margin-top: 75px;
    }

    .uvod-first img {
        margin-top: 35px;
    }

    .uvod-second {
        width: 90%;
        margin-left: 5%;

        margin-top: 40px;
        top: 10px;
    }

    .uvod-contact {
        top: 0px;
        margin: 4.5rem auto;
    }

    .uvod-first img {
        width: 80%;
        margin-left: 10%;
    }
}

@media screen and (max-width: 779px) and (min-width: 650px) {
    .uvod-second {
        width: 80%;
        margin-left: 10%;

        margin-top: 40px;
        top: 10px;
    }

    .uvod-contact {
        top: 0px;
        margin: 4.5rem auto;
    }

    .uvod-first img {
        width: 70%;
        margin-left: 15%;
    }
}

@media screen and (max-width: 900px) and (min-width: 780px) {
    .uvod-second {
        width: 60%;
        margin-left: 20%;

        margin-top: 30px;
        top: 10px;
    }

    .uvod-contact {
        top: 0px;
        margin: 4rem auto;
    }

    .uvod-first img {
        width: 60%;
        margin-left: 20%;
    }
}