@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/playfair-display-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
        url('/fonts/playfair-display-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/fonts/playfair-display-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('/fonts/playfair-display-v14-latin-700.woff') format('woff'), /* Modern Browsers */
        url('/fonts/playfair-display-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/fonts/playfair-display-v14-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

html {
    font-size: 18px;
    min-height: 100%;
}
::selection {
    background: #ffb7b7;
}
::-moz-selection {
    background: #ffb7b7;
}
body {
    /* background-color: #eeece1; */
    background-color: #dbffe7;
    background: linear-gradient(-18deg, #eeeaab, #c8e1d0);
    /* background: linear-gradient(-18deg, #eeffd5, #edfff3); */
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    height: 100%;
    line-height: 1.5;
    color: #444;
}
a {
    color: #333;
    transition: color .2s ease-out;
}
a:hover {
    color: #0099ad;
}
a:active {
    color: #005851;
}

p {
    margin-bottom: 1.25em;
}
h1, h2, h3, h4, h5 {
    color: #283f4d;
    margin: 2.75rem 0 1rem;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    line-height: 1.15;
}
h1 {
    margin-top: 0;
    font-size: 2rem;
}
h2 {
    font-size: 1.3rem;
}
h3 {
    font-size: 1.2em;
}
.wrapper {
    padding: 1rem;
}

@media only screen and (min-width: 700px) {
    body {
    }
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.5em;
    }
    .wrapper {
        padding: 6rem;
    }
}