body
{
	min-width: 1100px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}

.header
{
	 position: sticky;
	 top: 0;
	 height: 100vh;
}

.banner-grid-container 
{
     display: grid;
     grid-template-columns: 33.33% 33.33% 33.33%;
	 grid-template-rows: 120px;
     background-color: #B00000;
     padding: 5px;
}

.banner-space
{
     background-color: #B00000;
     font-size: 30px;
     text-align: center;
	 text-height: 300px;
}

.nav-grid-container 
{
     display: grid;
     grid-template-columns: 20% 20% 20% 20% 20%;
	 grid-template-rows: 25px;
     background-color: #333;
     padding: 10px;
}

.nav-space
{
     font-size: 15px;
     text-align: center; 
	 background-color: #333;
}

.nav-space a {
     color: #f2f2f2;
     text-align: center;
     padding: 22px 30px;
     text-decoration: none;
     font-size: 17px;
}

.nav-space a:hover {
      background-color: #B00000;
	  color: #f2f2f2;
}

.nav-space a.active {
     background-color: #B00000;
	 text-align: center;
	 color: #000000;
}

.video
{
	 padding: 50px;
}

iframe {
	 display: block;
	 margin: auto;
	 padding: 1em 0em 0em 0em;
}

.body-wrapper 
{
     display: grid;
     grid-gap: 10px;
     padding: 10px;
}

.one
{
	grid-column: 1 / span 2;
	grid-row: 1;
	text-align: center;
	background-color: #d3d3d3;
	padding: 1em;
}

.two
{
	grid-column: 1 / span 2;
	grid-row: 2;
	text-align: center;
}

.three
{
	grid-column: 1;
	grid-row: 3;
	text-align: center;
	background-color: #d3d3d3;
	padding: 1em;
}

.four
{
	grid-column: 2;
	grid-row: 3;
	text-align: center;
	background-color: #d3d3d3;
	padding: 1em;
}

.wilks-description
{
	background-color: #d3d3d3;
	padding: 1em;
	text-align: center;
}

footer
{
	margin:0;
	padding: 1em;
}

table 
{
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th 
{
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) 
{
  background-color: #dddddd;
}

.beginner-body-wrapper
{
	 display: grid;
     grid-gap: 10px;
     padding: 1em;
}

.beginner-description
{
	 text-align: center;
	 background-color: #d3d3d3;
	 padding: 1em;
	 grid-column: 1 / span 2;
	 grid-row: 1;
}

.chart
{
	 text-align: center;
	 padding: 1em;
	 grid-column: 1 / span 2;
	 grid-row: 2;
}

.workout-link
{
	 text-align: center;
	 background-color: #d3d3d3;
	 padding: 1em;
	 grid-column: 1;
	 grid-row: 3;
}

.diet-link
{
	 text-align: center;
	 background-color: #d3d3d3;
	 padding: 1em;
	 grid-column: 2;
	 grid-row: 3;
}

.bodyfat
{
	 text-align: center;
	 padding: 1em;
	 grid-column: 1 / span 2;
	 grid-row: 4;
}

.bodyfat-next
{
	 text-align: center;
	 background-color: #d3d3d3;
	 padding: 1em;
	 grid-column: 1 / span 2;
	 grid-row: 3;
}

.workout-A
{
	 text-align: center;
	 padding: 1em;
	 grid-column: 1;
	 grid-row: 2;
}

.workout-B
{
	 text-align: center;
	 padding: 1em;
	 grid-column: 2;
	 grid-row: 2;
}