body {
  background-color: #f2f2f2;
  font-family: 'EB Garamond', serif;
  font-weight: 300;
  font-size: 16px;
  color:#031c61;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

.backstretch {
  opacity:.20;
}
/* Titles */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Vollkorn', serif;
  font-weight: 300;
  color:#031c61;
}

/* Paragraph & Typographic */
p {
  line-height: 38px;
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: bold;
}
.centered {
  text-align: center;
}

/* Links */
a {
  color:#031c61;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover,
a:focus {
  color: #7b7b7b;
  text-decoration: none;
  outline: 0;
}
a:before,
a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
.logo {
  text-align: center;
  margin-top: 25px;
}
.logo img{
    border: 2px solid #031c61;
  -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    border-radius: .5vw;
    padding: 1px;
    margin: 5px;
    width:20vw;
    height:20vw;
}
h1 {
  font-size: 80px;
}
.w {
  margin-top: 20px;
}
.w.tooltip-demo {
  font-size: 1.5em;
}
.w i {
  font-size: 7vw;
  padding: 15px;
}

footer {
  text-align: center;
  padding-top:20px;
  font-size:12px;
}

.quote {
  padding: 0 10vw;
  font-family: 'Open Sans', sans-serif;
}

@media all and (max-height: 600px) {
  body {
    padding-top: 1vh;
  }
}


@media all and (max-width:800px) {
  h1 {
    font-size: 55px;
  }
  p {
    font-size: 25px;
  }
  .w i {
    font-size: 8vw;
    padding: 9px;
  }
  .logo img {
    width: 25vw;
    height: 25vw;
  }
}

@media all and (max-width:500px) {
  h1 {
    font-size: 50px;
  }
  .logo img {
    width: 35vw;
    height: 35vw;
    -webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
    border-radius: 2vw;
  }

  p {
    font-size: 25px;
    line-height: 30px;
  }

  .w i {
    font-size: 15vw;
    padding: 9px;
  }
}


@media all and (min-width:1000px) {
  .logo img {
    width: 15vw;
    height: 15vw;
  }

  .w i {
    font-size:5vw;
  }
}

@media all and (min-width:1500px) {
  .w i {
    font-size: 4vw;
  }
  .logo img {
    width: 12vw;
    height: 12vw;
  }
}