Mobile first, Flexbox and a little javascript

Hello everyone!

Have some question but apart from that all constructive feedback is welcome.

1. Is there any other way to change the color of the logo. I changed the color by changing the "fill" property of svg file (footer logo).

2. Need some suggestion for graphic design and photography section. Used float to arrange both section and position is absolute for text. so problem is for small size device text goes upward.

3. In javascript it was not changing property value while using document.querySelector('.class').style.property = new style and also did not even show property value.

4. Love to know how to make it shorter just to not repeat myself so much in my code? I tried to make it as concise as I could.

Thank you very much in advance.