#project1
{
    background:url(banners/vc1.jpg) 50% 0 repeat fixed;
    background-size: cover;
    min-height: 700px;
}
#project2
{
    background:url(banners/vace.jpg) 50% 0 repeat fixed;
    background-size: cover;
    min-height: 700px;
}
#project3
{
    background:url(banners/vhabitat.jpg) 50% 0 repeat fixed;
    background-size: cover;
    min-height: 700px;
}
#links
{
    position: fixed;
    background: rgba(33,33,33,0.4);
    border: 2px outset #000;
    border-radius: 5px;
    margin-left: 380px;
}
#links a
{
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    margin: 5px;
}
#project1 article {
  height: 200px;
  position: relative;
  text-align: center;
  top: 200px;
  width: 40%;
  background: rgba(255,255,255,0.7);
  margin-left: 30%;
  color: #000;
}
#project2 article {
  height: 200px;
  position: relative;
  text-align: center;
  top: 200px;
  width: 40%;
  background: rgba(255,255,255,0.7);
  margin-left: 30%;
  color: #000;
}
#project3 article {
  height: 200px;
  position: relative;
  text-align: center;
  top: 200px;
  width: 40%;
  background: rgba(255,255,255,0.7);
  margin-left: 30%;
  color: #000;
}
article h3
{
    font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}
article span
{
    font-size: 18px;
    font-weight: bolder;
    font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
    color: #131817;
}