Promotional Pop Up on Mobile: Move content down to stop close box overlapping text

Hello, I would like to move the title, email input field and submit button down to make space for the close X box so they are not overlapping as pictured (on iphone XS). Please can you share the code to fix this?

https://www.nicolacross.com/

Thank you kindly in advance. 

@beyond_electro Hi! Try adding this code:

@media screen and (max-width: 767px) {
	.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .group-copy .sqs-slice-heading-content[data-slice-type="heading"] {
    margin-top: 25px !important; 
	}
}

Thanks, the spacing changed. But now the X button doesn't work - any code to adjust that as well? 
Thank you

@beyond_electro It's due to some previous custom code you added. Update the z-index value from '99999999' to '1000' in this code block,

@media screen and (max-width: 767px) {
    .sqs-slide .sqs-slice-group.group-copy.copy-layer-background {
	z-index: 99999999;
    }
}

or simply add the following code instead.

@media screen and (max-width: 767px) {
    .sqs-slide .sqs-slice-group.group-copy.copy-layer-background {
        z-index: 1000 !important;
    }
}

Thank you kindly, do I keep this code....

@media screen and (max-width: 767px) { .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .group-copy .sqs-slice-heading-content[data-slice-type="heading"] { margin-top: 25px !important; } }

.....as well as this one?

@media screen and (max-width: 767px) {
    .sqs-slide .sqs-slice-group.group-copy.copy-layer-background {
        z-index: 1000 !important;
    }
}

Thank you

Thank you