index.css

.primary_visuals {
    display: flex;
    flex-direction: row;
    min-width: 1090px;
}

.primary_visuals_info {
    margin-left: -200px;
}

h1 {
    margin-bottom: 40px;
}

.primary_visuals_headshot {
    display: flex;
    align-items: center;
}

.inland_empire {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

h2,
h3 {
    margin-bottom: 10px;
}

.h3_like_label {
    margin-bottom: 10px;
}

.intro_blurb {
    display: flex;
    margin-right: 1em;
    margin-top: 20px;
    float: right;
}

.introduction_2,
.introduction_1 {
    max-width: 450px;
}

.introduction_1 {
    margin-right: 30px;
}

.socials_tree {
    display: flex;
    margin-top: 30px;
    list-style-type: none;
    justify-content: center;
    padding-inline-start: 0px;
}

.socials_tree_button {
    padding: 20px;
    width: 200%;
}

.socials_tree_image {
    max-width: 26px;
}

.tagline {
    width: 450px;
}
      
@media (max-width: 900px) {
    .primary_visuals {
        display: block;
        margin-top: 15px;
        min-width: 0px;
    }

    .primary_visuals_headshot {
        display: none;
    }

    .primary_visuals_info {
        flex: none;
        display: block;
        margin-left: 0px;
    }

    h1 {
        text-align: center;
    }

    .intro_blurb {
        display: flex;
        flex-direction: column;
        float: none;
        max-width: 900px;
        padding-left: 25px;
        padding-right: 25px;
        margin-right: 0px;
    }

    .introduction_1 {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .introduction_2,
    .introduction_1 {
        max-width: 1000px;
    }

    .inland_empire {
        display: block;
        margin: 0 auto;
    }

    .socials_tree {
        padding: 0px;
    }

    .tagline {
        width: auto;
    }
}