How to center descriptions in a gallery and minimize vertical logo padding

Site URL: https://www.bluesky1031.com/

Under projects> Current Project (and Past Projects) my titles in the gallery are positioned to the left. I would love to center it and need some code to do so I believe. 

Also I would like to minimize the vertical padding on my header to where there is little to no gap above and below my logo. 

If you can help, I would greatly appreciate it! 

Thank you!

Add to Current Projects Page Settings > Advanced > Header

<style>
  figcaption.gallery-caption.gallery-caption-grid-simple {
    padding-top: 5px;
}
  .header-announcement-bar-wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
  .gallery-grid.gallery-grid--layout-grid {
    padding-top: 0;
}
</style>

thanks for the response! I was able to adjust the vertical padding in custom CSS! Is there any way to center the captions without without inputing it into the advanced>header area? I don't have the plan that lets me use the code injection. 

11 hours ago, neilaustin said:

thanks for the response! I was able to adjust the vertical padding in custom CSS! Is there any way to center the captions without without inputing it into the advanced>header area? I don't have the plan that lets me use the code injection. 

With Personal Plan, You can edit current page > Add Code Block > Paste above code

10 hours ago, tuanphan said:

With Personal Plan, You can edit current page > Add Code Block > Paste above code

okay, I see. But all I need to do is to center the titles or descriptions and leave the images where they are. Is there custom CSS for that? I don't want to add another block just to to add code to it.  Please see example photo.