Rework CSS styling to be responsive

[CaTwoPlus]

Often times current media queries are made for arbitrary resolutions, which is not ideal, considering any display resolution can be tested easily with DevTools.

• Add fixed desktop and mobile resolutions to the pipeline, according to most used display sizes found on https://gs.statcounter.com/screen-resolution-stats/desktop/hungary
• Add support to most desktop resolutions
• Add support to most tablet resolutions
• Add support to most mobile resolutions
• Change typeahead container's height to be 500px

[CaTwoPlus]

[typeahead-container][id^="ngb-typeahead"][id$="-"]:not([id*="-"]) {
    height: 500px !important;
  }  

doesn't work. Try using styling on an elementRef instead.