body {font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; margin: 0; padding: 0;}
a:link {color:#000000; text-decoration:none;} 
a:visited {color:#000000; text-decoration:none;} 
a:hover {color:#009aff; text-decoration:none;} 
a:active {color:#009aff; text-decoration:none;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 48px; text-align: left; font-weight:bold;  color:#ffffff;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 36px; text-align: left; font-weight: normal;  color:#2b2b2b; padding-right:160px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-align: left; font-weight: bold; color:#2b2b2b;}
p {font-family: Arial, Helvetica, sans-serif;  font-size: 23px; text-align: left; margin-top: 5px; font-weight: normal; line-height:28px;  color:#ffffff;}
p.graph {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; font-weight: normal; line-height:20px; color:#2b2b2b;}
img {display: block; max-width: 100%; height: auto;}
#banner { position:relative; }
#nasa {position:absolute; top:3.2%; left:2%;}
#resources {position:absolute; top:7.5%; left:13%;}
#feedback {position:absolute; top:7.5%; left:23%;}
#chandra {position:absolute; top:4.6%; right:4.1%;}
#wrapper { max-width:1440px; margin-left:auto; margin-right:auto;}
#intro {float:left; max-width:860px;}
#right_column {float:left; text-align:left; width:469px; padding:30px; margin-bottom:50px; border-left:solid; border-left-width:2px; border-left-color:#cccccc;}
#left_column {padding-left: 160px; padding-right:10px;}
#footer1 {padding:15px 6px 10px 10%; text-align:left; margin: auto; background-color: #000000;}
.footer1_box {font-family: Arial, Helvetica, sans-serif; width: 21% height: 50px; font-size:9px; background-color: #000000; color:#ffffff; display: inline-block; padding:5px; vertical-align:top; text-align:left; margin-top:20px; margin-right:1%;}
#footer2 {padding:25px 10px 10px 50px; margin: auto; background-color: #ffffff; float:left;}
.social {height:50px; float:left; vertical-align:top; margin-left:10px;}

#footer1 a:link {color: #09C; text-decoration:none;} 
#footer1 a:visited {color:#09C; text-decoration:none;} 
#footer1 a:hover {color: #0CF; text-decoration:none;} 
#footer1 a:active {color:#09C; text-decoration:none;}


@media only screen and (max-width: 800px) {
p { font-size:14px; }
p.graph { font-size:14px; }
h1 {font-size: 36px;}
h2 {font-size: 24px;}
#intro {float:left; max-width:100%;}
#right_column {float:left; padding:1px;  max-width:100%;}
#left_column {float:left; padding-left: 10px; max-width:100%;}
#nasa img {width: 50%; height: auto;}
#chandra img {width: 50%; height: auto;}
#footer1 {float:left; max-width:100%;}
}