@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Black.ttf) format(truetype);
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-BlackItalic.ttf) format(truetype);
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-ExtraBold.ttf) format(truetype);
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-ExtraBoldItalic.ttf) format(truetype);
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Bold.ttf) format(truetype);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-BoldItalic.ttf) format(truetype);
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-SemiBold.ttf) format(truetype);
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-SemiBoldItalic.ttf) format(truetype);
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Medium.ttf) format(truetype);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-MediumItalic.ttf) format(truetype);
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Regular.ttf) format(truetype);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Italic.ttf) format(truetype);
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Light.ttf) format(truetype);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-LightItalic.ttf) format(truetype);
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-ExtraLight.ttf) format(truetype);
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-ExtraLightItalic.ttf) format(truetype);
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-Thin.ttf) format(truetype);
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlocal';
    src: url(font/Montserrat-ThinItalic.ttf) format(truetype);
    font-weight: 100;
    font-style: italic;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'montserratlocal', 'Montserrat', serif;
    text-shadow: 0 0 0;
}

html{
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;

    min-height: 100%;
    width: 100vw;

    display: flex;
    flex-direction: column;

    scroll-behavior: smooth;

    overflow-x: hidden !important;
}
body{
    background-color: #ffffff;
    flex-grow: 1;

    min-height: 100%;
    width: 100vw;

    display: flex;
    flex-direction: column;

    overflow-x: hidden !important;

    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
}

div.uvod{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.content{
    background-color: #000000;
    width: clamp(45vw, 90vh, 80vw);
    padding: clamp(2vw, 4vh, 4vh);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 0 clamp(0.5vw, 1vh, 1vh) #000000);
}

div.content h2{
    color: #ffffff;
    padding: clamp(2vw, 4vh, 4vh);
    font-size: clamp(3vw, 6vh, 6vh);
    font-weight: 700;
}
div.content p{
    color: #ffffff;
    padding: clamp(1vw, 2vh, 2vh);
    font-size: clamp(1.5vw, 3vh, 3vh);
    font-weight: 500;
}
div.content p.ml{
    background-color: #ffffff;
    color: #000000;
    width: 70%;
    padding: clamp(1vw, 2vh, 2vh);
    margin-top: clamp(2vw, 4vh, 4vh);
}

@media (orientation: portrait){
    div.content h2{
        padding: clamp(2vw, 4vh, 4vh);
        font-size: clamp(3vw, 3.9vh, 4vh);
        padding-left: 0;
        padding-right: 0;
    }
    div.content p{
        padding: clamp(1vw, 2vh, 2vh);
        font-size: clamp(1.5vw, 1.8vh, 1.8vh);

        padding-left: clamp(0.5vw, 1vh, 1vh);
        padding-right: clamp(0.5vw, 1vh, 1vh);
    }
    div.content p.ml{
        width: 90%;
        padding: clamp(1vw, 1vh, 1vh);
        margin-top: clamp(2vw, 4vh, 4vh);
        padding-left: clamp(0.5vw, 1vh, 1vh);
        padding-right: clamp(0.5vw, 1vh, 1vh);
        font-size: clamp(1.5vw, 1.7vh, 1.7vh);
    }
}