@import url("https://fonts.googleapis.com/css?family=Lato|Lora:400,400i,700,700i&display=swap");
body {
  background: #e2edf0;
  padding: 0;
  margin: 0;
  color: #292929;
  font-family: Verdana, sans-serif; }

h1, h2 {
  font-weight: 400;
  font-family: Lora, sans-serif;
  margin: 0; }

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  justify-content: center; }

.headings {
  width: 80%;
  text-align: center;
  position: relative;
  align-items: center;
  margin-top: -10vw; }
  .headings h1 {
    font-size: 20vw; }
  .headings h2 {
    font-size: 8vw;
    position: absolute;
    top: 21vw;
    left: 36vw; }
  .headings .contact {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 35vw;
    display: flex;
    flex-direction: column; }
    .headings .contact .contactbutton {
      margin: 0 auto;
      font-size: 30px;
      background: #292929;
      color: #e2edf0;
      border: 0;
      border-radius: 4px;
      padding: 10px;
      width: 240px;
      cursor: pointer;
      text-decoration: none;
      margin-bottom: 40px; }
    .headings .contact .phonelink {
      font-size: 24px;
      color: black;
      border: 0;
      cursor: pointer;
      text-decoration: none; }