div {
  position: absolute;
}

div.Contact {
  width: 30%;
  bottom: 30px;
  right: 30px;
}
ul.Contact {
  margin: 0px;
  list-style-type: none;
}

div.Resume {
  width: 15%;
  top: 30px;
  right: 30px;
  text-align: right;
}
div.TC {
  width: 15%;
  top: 90px;
  right: 30px;
  text-align: right;
}
div.Links {
  width: 15%;
  top: 150px;
  right: 30px;
  text-align: right;
}
div.Photoblog {
  width: 15%;
  top: 210px;
  right: 30px;
  text-align: right;
}

h2.RelevantLinks {
  padding: 10px;
  position: absolute;
  top: 7%;
  left: 20%;
}
div.Link1 {
  width: 20%;
  top: 15%;
  left: 25%;
}
div.Link2 {
  width: 20%;
  top: 25%;
  left: 30%;
}
div.Link3 {
  width: 20%;
  top: 35%;
  left: 35%;
}
div.Link4 {
  width: 20%;
  top: 45%;
  left: 40%;
}

span.AbstractWord {
  color: #333355;
  font-size: 32pt;
  font-weight: bold;
  position: absolute;
}
span.Standards {
  left: 10%;
  bottom: 10%;
}
span.Values {
  right: 10%;
  bottom: 45%;
}
span.Value {
  right: 20%;
  bottom: 30%;
}
span.Function {
  left: 50%;
  top: 10%;
}
span.Form {
  left: 60%;
  top: 20%;
}
span.Effective {
  font-size: 24pt;
  bottom: 37%;
  left: 5%;
}
span.Communication {
  font-size: 24pt;
  bottom: 30%;
  left: 15%;
}
span.Technology {
  font-size: 24pt;
  bottom: 22%;
  left: 25%;
}

span.R {
  color: #444477;
  font-size: 112pt;
  top: 0px;
  left: 30px;
}
span.D {
  color: #444477;
  font-size: 112pt;
  top: 90px;
  left: 90px;
}

img.Logo {
  position: absolute;
  top: 30px;
  left: 30px;
}