Center Custom Logo Responsive

I made a previous post here:

https://wordpress.org/support/topic/center-custom-logo-2/#post-11431931

I thought it resolved my issue (maybe I was wrong), but right before launch, I noticed the mobile (on phones) was not centered any more.

It seems fine in portrait view on tablet, so I don’t know if I inserted any code that is blocking it from centering on phones or not.

Code is below:

.woocommerce-page .page-title {
  display: none;
	}
#access {
	margin-bottom: 0;
	}
body.post-type-archive-product #content {
	margin-top: -150px;
	}
body.home #content {
	margin-top: -255px;
}
.page-id-12 #content {
	margin-top: -50px;
	}
.page-id-5 #content {
	margin-top: -50px;
	}
.page-id-13 #content {
	margin-top: -40px;
}
.page-id-23 #content {
	margin-top: -100px;
}
.page-id-378 #content {
	margin-top: -40px;
}
.has-large-font-size {
	margin-top: 20px;
}
.storefront-recent-products {
  margin-top: -70px;
	margin-bottom: 0;
	}
.site-branding {
	margin-bottom: -40px
	}
.storefront-handheld-footer-bar ul li.home > a:before {
	content: "\f015";
}
header#masthead {
	background-image: url(cropped-Post-and-Stud-6.png);
	background-repeat: no-repeat;
	background-position: left;
	}
.custom-logo {display: none;}
#site-navigation {
	width: 100%;
	display: inline-block;
	}
.term-custom-orders #content {
	margin-top: -135px;
	}
.term-dangles #content {
	margin-top: -135px;
	}
.term-novelty-studs #content {
	margin-top: -135px;
	}
.term-studs #content {
	margin-top: -135px;
	}
.page-id-22 #content {
	margin-top: -110px;
	}
a:focus,
.focus a {
	outline: none !important;
}
@media screen and (max-width: 1112px) and (min-width: 740px) {body.home #content {margin-top: -140px;}}
@media screen and (max-width: 1040px) and (min-width: 740px)
	{.menu {
        text-align:center
    }
    .menu li {
        display:inline-block;
        float:none;
        margin-left: -5px;
    }
    .menu li li {
        display:block;
        text-align:left
}}
	@media screen and (max-width: 1112px) {Img.wp-image-191 {display:none;}}
@media screen and (min-width: 740px)  {header#masthead {
	background-image: url(cropped-Post-and-Stud-6.png);
	background-repeat: no-repeat;
	background-position: left;
	}}
@media screen and (max-width: 740px)   { .site-branding {
	margin: 0 auto;}
button.menu-toggle {
	margin: 0 auto;
	float: none;
	display: block;}
.woocommerce-active .site-branding {
	float: none;
	text-align: center;
	}
.storefront-recent-products {
	margin-top: 10px;
	}
.woocommerce-active .site-branding img {
	display: inline-block;
	margin-top: -15px;
	margin-bottom: 5px;
	}
.page-id-5 #content {
	margin-top: -15px;
	}
.woocommerce-cart-form {
	margin-top: 90px;}
	.woocommerce-info {
		margin-top: 90px;
	}
.woocommerce-pagination {
	margin-top: 50px;
	}
.woocommerce-ordering select 	{margin-top: 125px;}
.woocommerce-result-count {
	margin-top: 25px;
	}
.woocommerce-breadcrumb {
	margin-top: -30px;
	}
header#masthead {
	background-image: 	url(cropped-Post-and-Stud-6.png);
	background: none !important;}
.woocommerce-order-received #content {margin-top: -30px;}
}
@media screen and (min-width: 812px) 
	{button.menu-toggle {
		display: none;}}

Thanks for your help.

Jordan

The page I need help with: [log in to see the link]