*
{
    box-sizing:border-box;
}
body
{
    display:flex;
    align-items:center;
    justify-content:center;
    height:90vh;
}
.welcome-box
{
    display:flex;
    box-shadow:var(--box-shadow);
    border-radius:6px;
    margin:0px;
    padding:0px;
    overflow:hidden;
    width:800px;
    height:500px;
    max-width:90vw;
    max-height:90vh;
}

.welcome-box-left
{
    padding:30px;
    color:var(--background-color);
    background-color:var(--orange);
    flex:0 0 50%;
}
.welcome-box-left h1
{
    color:var(--background-color);
    margin:0px 0px 50px;
    line-height:2rem;
    font-family:inherit;
}
.welcome-box-left a
{
    color:inherit;
}
.welcome-box-left p
{
    line-height:1.25em;
}
.welcome-box-right
{
    padding:30px;
    flex: 0 0 50%;
}

.welcome-box-right h2
{
    margin-top:40px;
    font-size:1.75em;
}

.welcome-box-right a
{
    text-decoration: underline;
    color: var(--text-color);
}
.welcome-box-right a:visited
{
    color: var(--text-color);
}

.welcome-box-right a.orange-button
{
    color:var(--background-color);
    text-decoration:none;
    font-weight:normal;
    margin:10px 0px 20px;
    display:inline-block;
    min-width:50px;
}

@media (max-width:600px)
{
    .welcome-box
    {
        height:auto;
    }
    .welcome-box-left
    {
        display: none;
    }
    .welcome-box-right
    {
        flex:1 1 100%;
    }
}