.body--welcome {
    display: flex;
    flex-wrap: wrap;
}


/*===========================================================================*/
/*--------------------------- WELCOME>MAIN STYLES ---------------------------*/
/*===========================================================================*/

.welcome__main {
    flex-basis: 0;
    flex-grow: 144;
}

.welcome__main h3 {
    margin: 40px 0;
    font-size: 1.5rem;
}


/*==========================================================================*/
/*-------------------------- WELCOME>ASIDE STYLES --------------------------*/
/*==========================================================================*/

.welcome__world-traveler {
    flex-basis: 0;
    flex-grow: 89;
    background-color: #CCC;
}

.welcome__world-traveler p {
    padding: 10px 0;
    color: #000;
    font-size: 1.1em;
}

.welcome__world-traveler video {
    width: 100%;
    height: auto;
    border: 10px inset #000;
}

.a-without-href {
    color: var(--title-color);
    text-decoration: underline;
    cursor: pointer;
}

.welcome__world-traveler a:active {
    color: #fff;
    text-shadow: 0 0 15px #000;
}


/*==========================================================================*/
/*------------------------ STYLES FOR BOTH SECTIONS ------------------------*/
/*==========================================================================*/

.welcome__main, .welcome__world-traveler {
    padding: var(--frame-padding);
}

@media (max-width: 1100px) {
    .body--welcome {
        flex-direction: column;
    }
}