@charset "UTF-8";
@import url("fonts/stylesheet.css");

html {
    height: 100%;
    width: 100%;
}

body {
    font-family: 'museo_sans_rounded300' !important;
    height: inherit;
    width: inherit;
    background-color: #005BA4 !important;
    background-image: url(img/spurten-bg.jpg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: 0px 0%;
    margin: 0px;
    color: white !important;
}

h1,
h2,
h3,
h4 {
    font-family: 'museo_sans_rounded900' !important;
}

#box {
    width: 540px;
    background-color: #005BA4;
    box-shadow: 4px 4px 4px #5c5c5c59;
}

@media screen and (max-width: 540px) {
    .container {
        height: 100vh !important;
        width: 100vw !important;
        padding: 0 !important;
    }
    
    #box {
        height: inherit;
        width:  inherit;
        border-radius: 0 !important;
        justify-content: start !important;
        row-gap: 1em;
        padding-top: 40px;
    }

    #logo {
        width: 200px !important;
    }

    #poster {
        width: 300px !important;
    }

    #slogan {
        font-size: 1.2em;
    }

    footer{
        height: 40px;
        line-height: 40px;
    }
}