Header Image + Navigation Menu

I made some changes. I followed the instructions on this site:

https://amethystwebsitedesign.com/add-logo-on-top-of-navigation-menu-in-a-genesis-child-theme/

I added the code below to my custom css style sheet:

.epik-red .head-wrap {
background: #fff;
}

.epik-red .nav-primary {
background: #fff;
}

.nav-primary .genesis-nav-menu a {
color: #000;
padding: 13px 26px 13px 0;
}

/*
Logo on top of Primary Nav
————————————- */
.site-inner {
padding-top: 80px;
padding-top: 8rem;
}

.header-image .site-description {
display: none;
height: 0;
}

.header-image .site-header,
.header-image .site-header .wrap {
background: none;
padding: 0;
}

.header-image .site-title a {
float: left;
min-height: 180px;
padding: 0;
display: block;
top: 60px;
position: absolute;
width: 360px;
}

.site-header .widget-area {
display: none;
height: 0;
}

/* Primary Navigation */
.nav-primary {
background-color: #333;
margin-top: 44px;
}

.nav-primary .genesis-nav-menu {
float: right;
width: auto;
margin-left: 360px;
}

.nav-primary .genesis-nav-menu .menu-item {
float: left;
}

.nav-secondary {
margin-top: 40px;
}

I added the code below to the original style sheet:

Find this section in the Media Queries section:
only screen and (max-width: 1023px) {
[…]
}
Add the following CSS to the bottom of this media query section just before the closing bracket – }.

/*
Logo Centered Again
————————————- */

.site-inner {
padding-top: 40px;
padding-top: 4rem;
}

.header-image .site-header .wrap {
background-position: none;
}

.header-image .site-title {
margin: 0;
}

.header-image .site-title a {
border: 0;
float: none;
background: url(images/logo.png) no-repeat center top;
position: relative;
margin: 0 auto;
max-width: 360px;
}

.nav-primary {
margin-top: 0;
}

.nav-primary .genesis-nav-menu {
float: none;
margin-left: 0;
}

.nav-primary .genesis-nav-menu .menu-item {
float: none;
}

And the responsive header plugin is active.

How come when I test them in http://www.studiopress.com/responsive/, the look is off in screen sizes of 240 and 320 px?

Thanks

Please advise

Bonnie