body {background-color: black;}

h1 {color: yellow;
  font-family: arial;
  font-size: 3em;
  text-align: center;
  max-width: 100%;}

p  {color: white;
  font-family: verdana;
  font-size: 0.5em;
text-align: center;}

.header {background-color: yellow;
  padding: 10px;
  text-align: center;}

.column {float: left;
  width: 32.99%;
  padding: 5px;}

.responsive {padding-left: 50px; padding-right: 50px;;
  float: left;
  width: 29%;}

.responsiver {padding-left: 50px; padding-right: 50px;;
  float: right;
  width: 29%;}

.responsivec {padding-left: 50px; padding-right: 50px;;
  float: none;
  width: 29%;}

div.gallery img {
  width: 100%;
  height: auto;
border: none;}


div.link{
  border: none;
  padding: 10px;
  width: 100%;
  height: auto;
  text-align: center;}

@media only screen and (max-width: 700px) {.responsive {width: 49.99999%;
    margin: 6px 0;}}

@media only screen and (max-width: 500px) {.responsive {width: 100%;}}

.clearfix:after {content: "";
  display: table;
  clear: both;}

a:link {color: #3399ff; text-decoration: none}

a:visited {color: #66ccff;}

a:hover {color: red;}

a:active {color: white;}

img {float: left; border: none;}
img.right {float: right;}

table {border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;}