.welcome_section_container {
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.2)), url("../img/bauhaus-bg_1920_scal.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.subheading {
    color: var(--secondary-text-color);
}
.welcome_intro_text {
    width: min(760px, 90%);
    margin-top: 22px;
    font-family: 'Kodchasan';
    line-height: 160%;
    text-align: left;
}
.welcome_cta {
    margin-top: 30px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
#idWelcomeButtonPrimary,
#idWelcomeButtonSecondary {
    padding: 14px 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Orbitron';
    font-size: clamp(0.95rem, 0.4vw + 0.5rem, 1.1rem);
    border-radius: 0px 50px 50px;
    transition: 0.4s ease-in-out;
}
#idWelcomeButtonPrimary {
    background-color: var(--secondary-text-color);
    color: var(--primary-text-color);
    box-shadow:
        inset 0 0 5px var(--primary-text-color),
        inset 2px 0 5px var(--primary-text-color),
        inset -5px 0 5px var(--secondary-text-color),
        0 0 5px var(--primary-text-color),
        -5px 0 10px var(--secondary-text-color),
        5px 0 10px var(--secondary-text-color);
}
#idWelcomeButtonPrimary:hover,
#idWelcomeButtonPrimary:focus {
    background-color: var(--secondary-bg-color);
    color: var(--primary-text-color);
}
#idWelcomeButtonSecondary {
    background-color: rgba(60, 60, 60, 0.9);
    color: var(--primary-text-color);
    box-shadow:
        inset 0 0 5px rgba(255, 255, 255, 0.2),
        0 0 8px rgba(0, 0, 0, 0.2);
}
#idWelcomeButtonSecondary:hover,
#idWelcomeButtonSecondary:focus {
    background-color: var(--secondary-text-color);
    color: var(--secondary-bg-color);
}

@media (min-width:801px) {
    .welcome_section_text {
        margin-left: 80px;
        display: block;
    }
}

@media (max-width:800px) {
    .welcome_section_text {
        width: 85%;
        margin-left: 5%;
        display: block;
        overflow: hidden;
    }
    .welcome_intro_text {
        width: 100%;
    }
    .welcome_cta {
        flex-direction: column;
        align-items: flex-start;
    }
    #idWelcomeButtonPrimary,
    #idWelcomeButtonSecondary {
        width: 80%;
    }
}

@media (max-width:480px) {
    .welcome_section_text {
        width: 90%;
    }
    .welcome_cta {
        width: 90%;
    }
    #idWelcomeButtonPrimary,
    #idWelcomeButtonSecondary {
        width: 95%;
        margin-left: 1%;
        padding: 14px 18px;
    }
}