body {

  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;

  background:  linear-gradient( rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5) ),url(creslow-aerial1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
#  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))
  margin-bottom: 50px;

}

p {

  font-family: Arial;
  font-size: 18px;
  line-height: 22px;	
  background-color: rgba(255,255,255,0.2);
  padding: 10px;
  border-radius: 10px;
  text-align: center;

}

h1 {

  color: #000000;
  font-size: 24px;
  font-weight: normal;
  text-decoration: none;
  margin-top: 30px;

}

h3 {

  color: #666666;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;

}


a {

  text-decoration: underline;
  color: #333333;

}

a:hover {

  text-decoration: underline;

}

small {

  font-size: 10px;

}

.main {

  text-align: center;
  margin-bottom: 30px;

}

.main img {

  display: block;
  margin: 200px auto 0;
  width: 70%

}

.body {

  width: 80%;
  margin: auto;

}

.body img {

  max-width: 28%;
  padding: 10px;

}

.body img:hover {

  transform:scale(2,2);
  transform-origin:50% 50%;
  border-radius: 15px;

}

.social {

  text-align: center;
  padding-bottom: 20px;
}

.social img {

  width: 60px;
  height: 60px;

}

.highlight {

  width: 80%;
  margin: auto;

}

.highlight p {

  font-family: Arial;
  font-size: 22px;
  line-height: 24px;
  background-color: rgba(255,255,255,0.5);
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 40px;

}