.bg-main-heading, .sm-main-heading {
    color: blue;
    font-family: 'spoon';

    margin: 0 auto;
    font-variation-settings: "wght" 300, "wdth" 75;

    margin: 0 -50%;
}

.bg-main-heading {
    font-size: 21vw;
}

.sm-main-heading {
    font-size: 30vw;
    font-variation-settings: "wght" 400, "wdth" 100;
    margin-bottom: -35px;
}

#hero-bg-screen {
    display: none; 
    width: 100%;
    justify-content: space-between;
}

#hero-sm-screen {
    display: none;
    width: 100%;
}

#hero-sm-screen div {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.bg-main-heading:first-of-type {
    margin-left: 0;
}

.bg-main-heading:last-of-type {
    margin-right: 0;
}

.sm-main-heading:first-of-type {
    margin-left: 0;
}

.sm-main-heading:last-of-type {
    margin-right: 0;
}

#variableTarget {
    width: 100%;
    display: block;
}