Center in-line buttons and remove whitespace below image

Hi,

I have two questions for which I’d appreciate support. I’ve checked the forums and documentation but haven’t found any definitive answers.

1. In the header, I have two buttons that are in-line within a 2/3 column. I’ve set the button position as Align Center and added the following code in the quick CSS:

.avia-button-center {
   display: inline;
   padding: 0 5px;
}

However I want the buttons to be aligned center and adding text-align: center to the quick CSS doesn’t make a difference.

2. For the second section of the homepage (just below the header), I’ve added an image in the center (iphone outline). However, I wanted to remove any whitespace below the image so that it’s sitting right on top of the next section. I can’t seem to find a way to remove the whitespace below the iPhone outline.

Thanks, really appreciate any help!