* {
  box-sizing:border-box;
  margin:0;
  padding:0; 
  
}
html, body {
  
  height: 100%;
  padding: 30px ;
  background: #00174f;
  display:block;
}
body {
  background: black url(astro1.png) calc(100% - 10px) calc(100% - 10px) no-repeat;
  padding:20px;
 
  }

img 
{width:100%;
display:block;
}
a {
	color:#FFF;
	text-decoration:none;}
	a:hover{
		color:red;;}
p {
	padding:5px 10px;
	font-size: 18px;
	text-align:left;
	font-size: 18px}
h1 {
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	width:100%;
	text-align:center;
	margin:5px 0;
	font-size: 34px}
	
h2 {
	font-size: 22px;
	text-shadow: 1px 1px 1px #000;
	color:#fff;
	}
	ol {
		width:80%;
		margin:auto;
		text-align:center;
		
		padding: 5px;
		}
		li a {
			text-decoration:none;
			color:#fff;
			font-size:14px;}
			li {
				list-style:none;}
[class^="column"] {
  float:left;
  min-height:100px;
  background:transparent;
 
}
.column-1-7 {width:calc(100% / 7);
background-color:rgba(200,200,200,0.3);
}
.column-2-7 {width:calc(100% / 7 * 2);
background-color:#AAA;
}

.column-3-7 {width:calc(100% / 7 * 3);
background-color:transparent;
text-align:center;
}

.column-1-7, .column-2-7  {
	border-radius:20px;

text-align:center;
line-height:20px;
padding-top:10px;	
	}


.column2 {  
 float:left;
 border:none;
  padding: 10px;
  box-sizing:border-box;
  width: calc(100% / 4);
  display:block;
 
  
}

@media (max-width: 1024px) {
  .column2 {
     width: calc(100% / 3);
    
  }
 
	.column2{
	min-height:70px;}	
	
  
}

@media (max-width: 680px) {
  .column2 {
     width: calc(100% / 2);
    
  }
  .column-1-7, .column-2-7  {
	
font-size:14px;


	}
	
	
.column2{
	min-height:50px;}	
	
	h2 {
	font-size:16px;
	}
	}
@media (max-width: 700px) {	
h2 {
	font-size:14px;
	}
p {
	
font-size:13px;}}
	
@media (max-width: 500px)	{
	li a {
			text-decoration:none;
			color:#fff;
			font-size:12px;}
	h2 {
	font-size:26px;
	}
	p {
	
font-size: calc(18px);}
	
[class^="column"], column2 {
  float:none;
  min-height:100px;
 
  width: calc(100% / 1);

}

body, html {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	height:auto;} 
	body {
  background-image:url(astro1.png);
  background-position:bottom right;
  background-repeat:no-repeat;
  background-color:#000;}
  
 .bottom {
	 padding-bottom:100px;}
	 img {
		 width: calc(100% * .6);
		 margin:10px auto;
		 text-align:center;}
}

 div.column-1-7 p {
	color:#CCC;}

 img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	 display:inline-block;
	 }