*, :root, ::after, ::before {
    --primary-color: #000822;
    --secondary-color: #FFFFFF;
    --thirth-color: #f72585;
    --text-color: #0b0f1d;
    --font-family: 'League Spartan', 'Monserrat';
    --secondary-font-family: 'Montserrat', sans-serif;
    --font-size: 16px;
    --border-radius: 30px;
    box-sizing: border-box;
    margin: 0;
}

header{
    background-color: var(--primary-color);
    height: 100vh;
    padding-left: 100px;
    padding-top: 100px;
    align-content: center;

    color: var(--secondary-color);
    font-family: var(--secondary-font-family);
    
    overflow: hidden;
    & h1{
        font-family: var(--font-family);
        font-size: 7em;
        max-width: 800px;
        margin-top: 50px;
    }

    & p{
        font-size: 2em;
    }
}

.logo_verum_svg{
    width: 800px;
    position: relative;
    right: -70%;
    top: -30%;
}

@media (max-width: 1000px) {
    header{
        padding-left: 20px;
        padding-top: 20px;
        height: 100vh;
        & h1{
            font-size: 3em;
            max-width: 100%;
            margin-top: 20px;
            text-align: center;
        }
          & p{
            font-size: 1.5em;
            text-align: center;
        }
    }
    .logo_verum_svg{
        width: 400px;
        position: relative;
        right: -50%;
        top: -20%;
    }
}

@media (max-width: 800px) {
    header{
        padding: 2em;
        height: 100vh;
        & h1{
            font-size: 1.8em;
            max-width: 100%;
            margin-top: 10px;
            text-align: center;
        }
        & img{
            width: 80vw;
        }
          & p{
            font-size: 1.2em;
            text-align: center;
            max-width: 90%;
        }
    }
    .logo_verum_svg{
        width: 300px;
        position: relative;
        right: -40%;
        top: -10%;
    }
    
}