/*
COLOR PALETTE
#0a1f44 - Really Dark Blue
#677a9d - Light grey
#4e5d78 - Blueish grey for body text
#ff0b9d - Hot pink
*/


/* Global Styles
-----------------------------------------------------*/
/* Here's Paul Irish's box-model fix to ensure resizing floated elements makes them fit */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
  color: #4e5d78;
  margin: 10%;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
}
img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-right: 11px;
}
a {
  color: #ff0b9d;
}
a:hover {
  color: #a31168;
}
h1 {
  font-size: 60px;
  line-height: 60px;
  color: #0a1f44;
  padding-bottom: 20px;
}
h2 {
  font-size: 38px;
  line-height: 45px;
  color: #677a9d;
}
h1, h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
}
/* For mobile phones: */
.content-wrap {
  display: flex;
  flex-direction: column;
  width: auto;
  height: 60vh;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  align-items: center;
}