/*header styles*/
body  {font-family: Helvetica, Arial;}

h1  {font-size: 36px;}

h2  {font-size: 24px;}

/*paragraph styles*/
p   {font size: 14px;
    color: black}

/*footer styles*/
footer  {font-family: helvetic, arial;
        font-size: 12px;
        position: absolute;
        bottom: 0;
        }

/* unvisited link */

a:link {
  color: white;}

/* visited link */
a:visited {
  color: white;}

/* mouse over link */
a:hover {
  color: #bcd6ff;}

/* selected link */
a:active {
  color: white;}

/*navagation styles*/
nav {font-family: helvetica, arial;
    font-size: 14px;}

ul {list-style-type: none;
      margin: 0;
      display: block;
      background-color: black;
      padding: 10px;
      text-align: right;
      color:white;}

div.d {border: 0; 
        padding: 15px; 
        margin: 15px;}

/*gallery*/

div.gallery:hover {
  border: 5px solid black;}

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

div.desc {
  padding: 0;
  text-align: center;}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 25%;}

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