Okay so I was able to get the main header text to position with the reduction of screen size.

This is the new custom CSS

.logo-text {
position: absolute;
left: 85%;
top: -260%;
font-size: 26px;
width: 100%;
}

.logo-address {
position: absolute;
left: 85%;
top: -120%;
font-size: 14px;
line-height: 15px;
}

.logo-slogan {
position: absolute;
left: 40%;
top: -130%;
font-size: 26px;
color: #ee4874;
line-height: 15px;
}

Still have the problem with it disappearing when I go to mobile and now a new problem where the top menu does not resize as I reduce, it just stacks up as the screen size gets smaller until it switches to mobile at 989.

So I fixed one problem and found another.