Header overlapping content container

Hi all,
I’m using a child theme I adapted from Diarjo-lite and am having trouble with the fixed header (including logo and menu) overlapping the content container. I have attempted to follow the instructions here but am unable to get it to work fully. The problem is that in my child theme’s style.css, I am referring to the content container as #container. The website in question is https://www.eastcoasttarot.com.

Here is what I have in style.css:

/*
Theme Name: Diarjo-Lite Child
Description: Child theme for East Coast Tarot
Author: Victor Escobar
Version: 1.0
Template: diarjo-lite
*/

@import url ("../diarjo-lite/style.css");
div#page {
	background: rgba(123,123,123,.0);
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
/* This is where the magic happens. You need
 * to assign a fixed position in order for
 * everything else to work correctly.
--------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}

/* This will ensure your site looks correct
 * when the admin bar is displaying.
--------------------------------------------- */
/*body.admin-bar #header {*/
#wpadminbar #header {
	top: 28px /* Make this 32px if MP6 is installed */
}

/*
<br /> #container {<br /> position: absolute;<br /> left: 35%;<br /> top: 7em;<br /> margin-left:35%;<br /> margin-right:60px;<br /> margin-top:70px;<br /> padding:0.5em;<br /> }<br /> #primary {<br /> margin-top: 70px;<br /> }<br />
*/

#container {
	position: absolute;
	margin-top: 70px;
	padding: 0.5em;
}

/*
Body Element
---------------------------------------------------------------------------------------------------- */

/* This Should Be Equal to the Height of your
 * fixed header bar.
--------------------------------------------- */
body {
  	padding-top: 164px;
}