@font-face {
    font-family: wf_d3c3b94e587545a9a5ac52010;
    src: url("data/fonts/3.woff2") format("woff2"),
        url("data/fonts/3.woff") format("woff"),
        url("data/fonts/3.ttf") format("ttf");
}

@font-face {
    font-family: wf_6bae34dd397f49ea9baa70819;
    src: url("data/fonts/1.woff2") format("woff2"),
        url("data/fonts/1.woff") format("woff"),
        url("data/fonts/1.ttf") format("ttf");
}

@font-face {
    font-family: wf_38fd0cc0427749e5b4936519d;
    src: url("data/fonts/2.woff2") format("woff2"),
        url("data/fonts/2.woff") format("woff"),
        url("data/fonts/2.ttf") format("ttf");
}

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    font: normal normal normal 16px/1.4em wf_6bae34dd397f49ea9baa70819, Verdana, Arial;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(images/background_wide.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

h1 {
    color: black;
    font-size: 180%;
}

a {
    text-decoration: none;
}
a:hover {
    color: rgb(206, 205, 205);
}

.module {
    text-align: center;
    padding: 0px;
    width: 100%;
}

.container {
    margin: 100px 0;
    padding: 10px 5px;
    background-color: rgb(240, 240, 240, .5);
}

.imgLogoStart {
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width: 600px) {
   
    html, body {
        background-image: url(images/background_tall.jpg);
    }

    h1 {
        font-size: 120%;
    }
    
    .container {
        margin: 30px 0;
        padding: 5px 2px;
        background-color: rgb(240, 240, 240, .5);
    }
}