@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');

html {
    scrollbar-width: thin;
}
/* Reset základních stylů */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Proměnné v root */
:root {
    /*border radius*/
    --border-radius: 45px;
    /*header spacing 130 90 160*/
    --header-h-large: 160px;
    --header-h-medium: 130px;
    --header-h-small: 90px;
    /* gaps a proměnné */
    --gap-tiny: 4px;
    --gap-small: 8px;
    --gap-medium: 16px;
    --gap-large: 32px;
    --gap-xlarge: 48px;
    --space-tiny: 4rem;
    --space-small: 6rem;
    --space-medium: 8rem;
    --space-large: 10rem;
    --space-xlarge: 16rem;
    /* Barvové proměnné (HSLA) */
    --main-color: hsla(216, 90%, 31%, 1); /* odpovídá #084298  */
    --main-color-light: hsla(216, 90%, 30%, 1); /* odpovídá #084298  */
    --main-accent: #1952A7;
    --dark-accent: hsla(216, 100%, 20%, 1); /* odpovídá #002A67 */
    --dark-accent-75: hsla(216, 100%, 20%, 0.75);
    --dark-accent-50: hsla(216, 100%, 20%, 0.50);
    --light-accent: hsla(216, 44%, 49%, 1); /* odpovídá #4671B2 */
    --light-accent-darker: hsla(216, 44%, 43%, 1);
    --background: hsla(0, 0%, 100%, 1); /* bílá */
}

body {
    font-family: "Maven Pro", serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: var(--background);
    color: var(--main-color);
    line-height: 1.6;
}

.logo__img {
    min-width: 16rem;
}

@media (min-width: 2000px) {

    .logo__img {
        min-width: 20rem;
    }
}

@media (max-width: 750px) {
    .logo__img {
        min-width: 11rem;
    }
}

main {
    overflow: hidden;
}

header nav .navbar__container .nav-menu li .nav-link,
header nav .navbar__container .nav-menu li .nav-link:visited,
header nav .navbar__container .nav-menu li .nav-link:hover,
header nav .navbar__container .nav-menu li .nav-link:active {
    color: white !important;
    text-decoration: none !important;
}

/* Bootstrap container clone */
.c-container {
    width: calc(100% - 8px);
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-block: var(--gap-tiny);
}

/* Extra small devices (portrait phones, less than 576px) */
/* No max-width needed, container is full-width */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .c-container {
        max-width: 540px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 750px) {
    .c-container {
        max-width: 715px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .c-container {
        max-width: 860px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .c-container {
        max-width: 1040px;
    }
}

@media (min-width: 2000px) {
    .c-container {
        max-width: 1540px;
    }
}

/*body h1 {
    font-size: clamp(1.813rem, 0.503vw + 1.695rem, 2.5rem);
}

body p {
    font-size: clamp(0.75rem, 0.641vw + 0.6rem, 1.625rem);
}*/


@media (max-width: 750px) {
    @media (max-width: 750px) {
        body h1 {
            font-size: clamp(1.48rem, 0.1875rem + 3.2vw, 3.5rem);
        }
    }

    body h2 {
        font-size: clamp(1.2rem, 0.1775rem + 2.8vw, 3rem);
    }

    body p {
        font-size: clamp(0.6rem, 0.1875rem + 1.8vw, 1.8rem);
    }
}