@font-face {
    font-family: "Coolvetica";
    src: url('Coolvetica.ttf') format('truetype');
}

a {
    text-decoration: underline;
    text-decoration-color: white;
}

footer {
    bottom: 0;
    position: absolute;
}

header {
    width: 100%;
    top: 0;
    position: absolute;
}

h1 {
    font-size: 6rem;
    font-family: Coolvetica;
    color: aliceblue;
    height: auto;
}

h2 {
    font-size: 3rem;
    color: aliceblue;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;

}

h4 {
    color: aliceblue;
}

body {
    overflow: hidden;
    margin: auto;
    background-attachment: fixed;
    background-position: center;
    background-image: url('pozadina.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	background-color: black;
}

.logo {
    width: auto;
}

.contact {
    padding: 2em;
    margin-left: 2em;
    font-family: Helvetica, sans-serif;
}

.slide {
    position: absolute;
    display: none;
}

@media (min-width : 1921px) {

    h1 {
        font-size: 8em;
        padding: 0em 0em 0em 0em;
        display: inline-block;
    }

    .logo {
        margin-left: 2em;
        padding: 2em;
        margin-bottom: 4em;

    }

    .contact {
        padding: 2em;
        margin-left: 2em;
        font-family: Arial, Helvetica, sans-serif;
    }

    .slide {
        margin-top: -1em;
        margin-left: 0.8em;
        font-size: 5.5rem;
    }

}

@media (max-width : 1920px) {


    h1 {
        font-size: 6em;
        padding: 0em 0em 0em 0em;
        display: inline-block;
    }

    .logo {
        margin-left: 1em;
        padding: 1em;
        margin-bottom: 3em;

    }

    .contact {
        padding: 2em;
        margin-left: 0.2em;
        font-family: Arial, Helvetica, sans-serif;
    }

    .slide {
        margin-top: -0.8em;
        margin-left: 0.5em;
        margin-right: 0.5em;
        font-size: 5rem;
    }



    @media (max-width : 1200px) {


        h1 {
            font-size: 6em;
            padding: 0em 0em 0em 0em;
            display: inline-block;
        }

        .logo {
            margin-left: 1em;
            padding: 1em;
            margin-bottom: 3em;

        }

        .contact {
            padding: 2em;
            margin-left: 0.2em;
            font-family: Arial, Helvetica, sans-serif;
        }

        .slide {
            margin-top: -1em;
            margin-left: 0.6em;
            margin-right: 0.6em;
            font-size: 4rem;
        }



        @media (max-width : 1024px) {


            h1 {
                font-size: 5em;
                padding: 0em 0em 0em 0em;
                display: inline-block;
            }

            .logo {
                margin-left: 1em;
                padding: 1em;
                margin-bottom: 3em;

            }

            .contact {
                padding: 2em;
                margin-left: 0.2em;
                font-family: Arial, Helvetica, sans-serif;
            }

            .slide {
                margin-top: -1.2em;
                margin-left: 0.7em;
                margin-right: 0.7em;
                font-size: 3.5rem;
            }

        }

        @media (max-width : 768px) {


            h1 {
                font-size: 5em;
                line-height: 1em;
                padding: 0em 0em 0em 0.5em;
                display: inline-block;
            }

            .logo {
                margin: 2em 0em 0em 2.5em;
                padding: 0em;

            }

            .contact {
                padding: 2em;
                margin-left: 0.5em;
                font-family: Arial, Helvetica, sans-serif;
            }

            .slide {
                margin-top: -0.8em;
                margin-left: 1.3em;
                margin-right: 1.3em;
                font-size: 2rem;
            }

        }

        @media (max-width : 480px) {


            h1 {
                margin-top: 1em;
                font-size: 2.1em;
                padding: 0em 0em 0em 0.5em;
                display: inline-block;
            }

            .logo {
                margin: -0.9em 0em 0em 1.5em;
                width: 2em;
                padding: 0em;
                opacity: 100%;

            }

            .contact {
                padding: 2em;
                margin-left: 0.4em;
                margin-right: 0.4em;
                margin-bottom: auto;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 0.7em;
            }

            .contact h2 {
                font-size: 2em;
            }

            .slide {
                margin-top: 2em;
                margin-left: 0.7em;
                font-size: 2rem;
            }

        }
    }
}