html, body {
  margin : 0;
  paddindg : 0;
}

html {
  -webkit-transition : opacity 0.3s;
  transition : opacity 0.3s;
}

html.wf-loading {
  opacity : 0;
}

body {
  font-family : "Georgia";
  color : #606060;
}

.wrapper header {
  background : url("bg.jpg") center center no-repeat;
  background-size : cover;
  padding-top : 500px;
}

h1 {
  position : relative;
  top : 40px;
  margin : 0 auto;
  max-width : 960px;
  padding : 0 20px;
  font-size : 5em;
  font-weight : 100;
  color : #fff;
  text-shadow : 0 0 8px rgba(255,255,255,0.5), 0 2px 7px rgba(0,25,3,0.33);
}

h2 {
  margin-top : 1.5em;
  font-weight : 100;
  line-height : 1.3em;
}

main {
  margin : 0 auto;
  max-width : 960px;
  padding : 0 20px;
}

p {
  line-height : 1.5em;
}

p:last-child {
  position : relative;
  margin : 3.5em 0;
  padding-top : 1.5em;
  font-size : 0.8em;
  color : #808080;
}

p:last-child:before {
  position : absolute;
  top : 0;
  border-top : 1px solid #808080;
  width : 35%;
  content : "";
}

a {
  position : relative;
  display : inline-block;
  text-decoration : none;
  font-weight : 600;
  border : 1px solid #fff;
  background : rgba(255,255,255,0.5);
  color : #303030;
  padding : 4px 3px 0 3px;
  line-height : 1.1em;
  -webkit-transition : background 0.3s, border 1s;
  transition : background 0.3s, border 1s;
  z-index : 1;
}

a:before {
  position : absolute;
  top : -1px;
  left : -1px;
  width : 100%;
  padding-right : 2px;
  content : "";
  height : 22px;
  background : #d7db4b;
  z-index : -1;
  -webkit-transition : all 0.3s;
  transition : all 0.3s;
}

a:hover {
  border-top : 1px solid #fff;
  border-left : 1px solid #fff;
  border-right : 1px solid #fff;
  border-bottom : 1px solid #606060;
  background : #fff;
}

a:hover:before {
  width : 0%;
  padding : 0;
}