.flex-container {
  display: flex;
}
.flex-container-center {
  align-content: center;
}
.flex-center {
  align-items: center;
}
body{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02f2bc+0,14b9d0+100,14b9d0+100 */
  background: rgb(2,242,188); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(2,242,188,1) 0%, rgba(20,185,208,1) 100%, rgba(20,185,208,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(2,242,188,1) 0%,rgba(20,185,208,1) 100%,rgba(20,185,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(2,242,188,1) 0%,rgba(20,185,208,1) 100%,rgba(20,185,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02f2bc', endColorstr='#14b9d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  font-family: 'Cairo', sans-serif;
  color: #fff;
}
body.home{
  height: 100vh;
}
a {
  color: rgba(255,255,255,0.85);
  font-weight: bold;;
}
h1, h2 {
  color: rgba(0,0,0,0.5);
}
a:hover {
  color: #fff;
}
.logo {
  width:40%;
  margin: auto;
}
.contact {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .logo {
    width:90%;
  }
}