Responsive multi-page website - HTML, Sass

Im not sure if I correctly used pages in styles. As, for example, in _about.scss I have 2 root classes .about and .company, it feels to me that this .company could be a single component or layout section (this repeats in different pages files).

Another question is _section.scss in layout folder is too big and maybe if I used more Sass tools it'd better to cut .section on many parts that includes Extend/Inheritance of the same properties.

There was an idea to use utilities not as a single property inside class but also as a property that can change itself depending on device it shows. Will be happy to read articles about that. Oh, yes. In general any article that writes about generic styling (and maybe I used it wrong) but what I'm trying to say that I'm looking for styling elements by adding classes that I can reuse after with maybe simple --modificator or something like that.

Is semantic in right places? or if you have any advice on this topic will look forward to read about it also.

What do you say?