Make ICTShore.com mobile ready

[login to view URL] ([login to view URL]) is a website about computer networking. Over the past months, I've been working on its content and I am going to start advertising it very soon. Before doing so, I need the website to be optimized for any device. At the moment, the website is OK only from desktop and large tablets, but it has some responsive CSS code which needs improvements. Specifically, these are the issue I encountered (on several devices): 1 - Logo in the header is not vertically centered relative to the "[login to view URL]" text right to it 2 - The menu icon with the three bars is below the logo, so the header is twice as big as expected: I want that to be on the same line on the logo; furthermore when the logo icon appears (instead of the list of pages), there is no possibility for the user to use the search box. 3 - I want the page to show only "one line" of header, so the list of pages should be replaced with the menu icon (three bars) every time there is no room for all the pages. Like earlier, when the menu icon is displayed, it must be on the same line as the logo 4 - Logo (icon+text) should be centered vertically when the menu icon appears (this should be already in place) 5 - There is some dark blue space above the header, I don't want to see that 6 - The cover image, right below the header, is too small. It is resized to be fully shown, and this also creates some ugly white space before the image. Instead, I don't care if it gets cropped on the right and on the left, I want the height to be fixed (see screenshots) 7 - In the article list page, the title overflows from the picture below it (this happen on desktop too! - and has to be fixed) 8 - Subtitle overflow like the previous point, you can omit it or resize it on mobiles 9 - Post categories (the ones in green, uppercase) are too short horizontally, and so the category name appears on two lines: the name of a category should be always on a single line (of course if we have tons of categories, we can have multiple lines, but a given category must be only on one line) 10 - On many mobiles, the categories overflow to the right compared to the rest of the content 11 - Probably related to the point above, when categories overflow on the right the entire website seems to be resized on the left, occupying about 80% of the page and creating a white column on the right 12 - At the end of the post, the "Get your CCNA Faster" newsletter subscription form is too short on some devices, and so its content (like the subscribe button) overflows 13 - Link to next post / previous post at the end of an article touch with one another vertically, there should be some space 14 - In case you navigate to the site and find out any other issue, please let me know I would like to make the least changes possible to HTML, while heavily modifying the CSS.