That lead me where I needed to go I think. What was sent didn’t do what I was intending. I modified it to this below and got what I wanted. Thanks!
@media only screen and (max-height: 767px){
.page-heading.fancy-heading {
padding-top: 220px!important;
}
}
@media only screen and (max-height: 1024px){
.page-heading.fancy-heading {
padding-top: 220px!important;
padding-bottom: 180px!important;
}
}