Responsive theme not being responsive

I am using the Responsive theme by CyberChimps.com with a child CSS set up. The site url is https://mwtec.me/ .

I needed to remove a number of components from displaying including the nav bar. When I did this the site stopped being responsive like it originally did.

The logo to the right on the front page used to tuck under the ‘Visit The Main Site’ button, as well as the boxes towards the bottom of the page.

How can I achieve the changes and maintain the proper responsive layout?

Child CSS:

.navigation {
display:none;
}

#header {
display: none ;
}

#wrapper {
margin: 0px auto 20px auto;
}

#content {
margin: 0px;
}

h1 {
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
}

.copyright {
display:none;
}

.powered {
display:none;
}

.single-post .post-meta {
display: none;
}

.post-data {
display: none;
}

#author-meta {
display: none;
}

#footer {
display: none;
}

h1.post-title {
font-family: Arial, Helvetica, sans-serif;
}

.post-entry {
font-family: Arial, Helvetica, sans-serif;
}