#homepage-hero-row #homepage-hero h1,
#homepage-hero-row #homepage-hero h3,
#homepage-hero #CTA {
    visibility:hidden;
}

#homepage-hero-row #homepage-hero h1.hero-title {
    visibility:visible;
    font-size:4rem !important;
    letter-spacing:1rem;
    text-align:center;
    position:absolute;
    top:62%;
    left:50%;
    width: 100%;
    transform: translate(-50%, 0);
    opacity:0;
}

#homepage-hero-row #homepage-hero h3.hero-sub {
    visibility:visible;
    font-size:2rem !important;
    text-align:center;
    letter-spacing:.25rem;
    position:absolute;
    top:74%;
    width:62%;
    left:50%;
    transform: translate(-50%,0) !important;
    opacity:0;
}

#CTA {
    /* overflow: hidden; */
    visibility:visible;
    background-color:#82672d;
    position:absolute;
    top:62%;
    left:50%;
    transform:translate(-50%,-50%) !important;
    font-size:2.5rem !important;
    opacity:0;
    margin-top:40px;
}

@media screen and (max-width: 1000px) {

    #homepage-hero-row #homepage-hero h1.hero-title {
        font-size: 2.5rem !important;
        top: 50%;
        left: 50% !important;
    }
    
    #homepage-hero-row #homepage-hero h3.hero-sub {
        font-size: 1.25rem !important;
        top: 62%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #CTA {
        font-size: 2rem !important;
        left:50%;
        transform:translate(-50%,-50%);
    }
    
}

@media screen and (max-width: 600px) {

    #homepage-hero-row #homepage-hero h1.hero-title {
        font-size: 1.75rem !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:200%;
    }

    #homepage-hero-row #homepage-hero h3.hero-sub {
        font-size: 1rem !important;
        top: 62%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #CTA {
        font-size: 1.75rem !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }

}