menu disappeared (mobile only)

Hi, twenty seventeen is a great theme, but I believe the css I added caused the mobile menu to disappear. It is not the plugins, but the css.

Can anyone tell me where I made a mistake or how to fix this?

However, I don’t know how to fix it. I wanted to delete the video segment and change the top of the theme, but that seems to have deleted it.

.page #content {
padding-top: 0px !important;
}

.site-branding {
    padding-bottom: 0px !important;
}

.site-branding {
    padding-top: 5px !important;
}

@media screen and (min-width: 48em) {
	.custom-logo-link img {
		max-width: 329px !important;
	}
}

.custom-logo-link img {
    /* display: inline-block; */
    max-height: 75px !important;
    /* width: auto; */
}

.entry-content a:hover {
color: hsl( 224, 50%, 46% ) !important;
}

@media screen and (min-width: 30em) {
	.site-content > .wrap {
		max-width: 910px !important;
	}
	.site-content > .wrap .content-area {
		max-width: none !important;
	}
}
.twentyseventeen-front-page .entry-header {
    display: none;
}

.site-content-contain {
position: relative;
margin-top: -50px;
}

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