All solutions

Any feedback is welcome !!!

1. How do You deal with a body height? I watched some videos and one of the solutions was to set the height to min-height: 100vh ( I set it on the main content container).

2. Box-shadow didn't work for me: box-shadow: 0px 15px 20px -10px rgba(36, 36, 113, 0.0991313); I checked it and it is kinda doesn't show any shadow with these settings.

I created this front page with HTML, SCSS ( 7.1 architecture for files, and BEM) and used some JS to show the mobile menu. I ran into a couple of issues and can someone give me any suggestions about them:

1. Contact button hover. I just found a similar background color for hover, but in the original design, hover is set to 0.25 opacity, just because we have background as the image then I hover over the button I am getting the right color, but my white text color is invisible. How is it possible to solve it?
2. Sunnyside logo in the footer. We got a white logo and it has to be dark green, so I got similar color with a filter attribute, but it is still not close to 100%. How else can we get the original color (#2C7566) in design?

I just completed the 2nd challenge today.

I would like any feedback. Thanks.