Enfold Slider Styles

Hello! I am in the process of building a new site and would love to have my page “header” styled like this http://kriesi.at/themes/enfold-hotel/

When I say header I am referring to the slider image with the Heading styled on top of it like that, kind of peeking onto the bottom of the image.

I have tried to play around with different types of sliders to get that full width look instead of just full width inside a certain container(which leaves whitespace if you’re on a larger desktop), while also having the image not take up the entire height. So being able to adjust the slider height would be preferred. Actually, the heigh of the example shown is perfect. I also have been trying to play around with image size. I keep trying to troubleshoot the best image size so that I can control, for the most part, what is cut off and what isn’t as some of the images used have text (i.e “Partners” written on a piece of paper on a table). So I guess to summarize:

1. What elements were used to achieve this look with the slider and heading below: http://kriesi.at/themes/enfold-hotel/

2. What is the best image size in px so that it can fit properly in the slider without having some of it cut off. (i.e setting the slider to No Scaling with an image that is 1500×630)