body {
	background-color:         #202020;
	color:                    #c8c8c8;
	font-family:   	            Thesis,Helvetica,Arial,sans-serif;
  font-size:	                16px;
	margin:		                  0;
	display:                    flex;
	justify-content:            center;
}

#pagewrap {
	width:                      100%;
	max-width:                  1990px;
	
}

header {
	box-sizing:                 border-box;

	width:                      100%;
	border:			                0px solid black;
	background:		            #000000;
	background-image:	          url("astrologo2.png");
	background-repeat:   	      no-repeat;
	background-position:	      100% 0px;
	background-size:            50%;
	font-family:		            Rockwell Extra Bold;
	font-style:		              italic;
	font-size:		              14px;
	font-weight:		            bold;
	padding-left:               50px;
	padding-right:              0px;
	padding-top:                30px;
	padding-bottom:             1px;
	border:		                  0px solid black;
	margin-left:                0px;
	margin-right:               0px;
	margin-top:                 10px;
	margin-bottom:              0px;
}

aside.leftbox {
	float:                      left;
	height:			                2211px;
	width:			                225px;
	padding-left:               0px;
	padding-right:              0px;
	padding-top:                0px;
	padding-bottom:             0px;
	border:		                  0px solid black;
	margin-left:                0px;
	margin-right:               10px;
	margin-top:                 10px;
	margin-bottom:              0px;
	background: 		          #eeeeee;
	background-image:           url("M71-3.png");
  background-position:        0px 0px;
  background-repeat:          repeat;
  font-family:                serif;
	font-style:                 italic;
	display:                    none;
}

div.middle {
	float:                      left;
	width:                      100%;
	max-width:			            1500px;
	padding-left:               0px;
	padding-right:              0px;
	padding-top:                0px;
	padding-bottom:             0px;
	border:		                  0px solid black;
	margin-left:                0px;
	margin-right:               0px;
	margin-top:                 10px;
	margin-bottom:              0px;
}

nav {	
  display:                    flex;
  flex-wrap:                  wrap;
	padding-left:               0px;
	padding-right:              0px;
	padding-top:                0px;
	padding-bottom:             0px;
	border:		                  0px solid black;
	margin-left:                0px;
	margin-right:               0px;
	margin-top:                 0px;
	margin-bottom:              0px;
	background-color:         #202020;
}

div.item {
	float:                      left;
	height:			                14px;
	/* width:			                13.2857142857143%; */
	color:			              #eeeeee;
	background:		            #505050;	
	text-align:		              center;
	font-size:		              10px;
	font-weight:		            bold;	
	padding-top:		            5px;
	padding-bottom: 	          0px;
	padding-left:               10px;
	padding-right:              10px;
	margin-top:                 0px;
	margin-bottom:              0px;
	margin-left:                0px;
	margin-right:               1%;
}

section {
	padding-left:               1%;
	padding-right:              1%;
	padding-top:                1%;
	padding-bottom:             1%;
	border:		                  0px solid black;
	margin-left:                1%;
	margin-right:               1%;
	margin-top:                 1%;
	margin-bottom:              0px;
	background: 		          #000000;
	box-sizing:                 border-box;
	line-height:                1.6em;
}

section.myimage {
  max-width:                  1800px;
}

section.mainbox {
	width:			                100%;
	padding-left:               10px;
	padding-right:              10px;
	padding-top:                0px;
	padding-bottom:             10px;
	border:		                  0px solid black;
	margin-left:                10px;
	margin-right:               10px;
	margin-top:                 0px;
	margin-bottom:              0px;
	background: 		          #000000;
	box-sizing:                 border-box;
	line-height:                1.6em;
}

td {
	line-height:                2em;
	vertical-align:             top;
	padding-bottom:             10px;
	line-height:                1.4em;
}


aside.rightbox {
	float:                      left;
	height:			                2211px;
	width:			                225px;
	padding-left:               0px;
	padding-right:              0px;
	padding-top:                0px;
	padding-bottom:             0px;
	border:		                  0px solid black;
	margin-left:                10px;
	margin-right:               0px;
	margin-top:                 10px;
	margin-bottom:              0px;
	background: 		          #eeeeee;
	background-image:	          url("M71-3.png");
	background-position:	      0px 0px;
	background-repeat:	        repeat;
	display:                    none;
}
a {
	text-decoration:            none;
}

a.nav {
	text-decoration:            none;
	color:                    #c8c8c8;
}
a:hover, a:link, a:active, a:visited {
	color:                    #dddddd;
}

td{
	background-color:          #000000;
}





.container {
	display:                    grid;
	grid-template-columns:      224px;
	grid-gap:                   20px;
}
                
.container > div {
	border-radius:              15px;
    padding:                  12px;
    background-color:       rgb(0,0,0);
    border: 2px solid       rgb(0,0,140);
}  

.clearfix:after {
	content:                    ".";
	display:                    block;
	clear:                      both;
	height:                     0;
	visibility:                 hidden;
}







@media screen and (min-width: 510px) {
	.container {
		grid-template-columns:    230px 230px;
	}
	div.item {
		font-size:                12px;
		padding-bottom:           1px;
		height:                   16px;
	}
  header{
    padding-top:              30px;
    font-size:                14px;
  }
}

@media screen and (min-width: 760px) {
	.container {
		grid-template-columns:    230px 230px 230px;
	}
	div.item {
		font-size:                16px;
		padding-bottom:           2px;
		height:                   20px;
	}
  header{
    padding-top:              50px;
    font-size:                24px;
  }
}

@media screen and (min-width: 1010px) {
	.container {
		grid-template-columns:    230px 230px 230px 230px;
	}
  header{
    padding-top:              60px;
    font-size:                26px;
  }
}

@media screen and (min-width: 1260px) {
	.container {
		grid-template-columns:    230px 230px 230px 230px 230px;
	}
  header{
    font-size:                28px;
  }
}

@media screen and (min-width: 1510px) {
	.container {
		grid-template-columns:    224px 224px 224px 224px 224px 224px;
	}
  div.item {
		font-size:                18px;
		height:                   20px;
	}
  
  header{
    max-width:                1500px;
    background-size:          unset;
    font-size:                30px;
    min-height:			          100px;
  }
}


@media screen and (min-width: 1755px) {
	header {
		max-width:                1735px;
		padding-left:             100px;
    font-size:                32px;
	}
	
	aside.leftbox {
		display:                  inline;
	}
}

@media screen and (min-width: 1970px) {
	header {
		max-width:                1970px;
    font-size:                34px;
	}
	
	aside.rightbox {
		display:                  inline;
	}
}