/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #232323;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


html{
    height: 100%;
}

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: "DM Sans", "Wix Madefor Text",Helvetica, Helvetica Neue, Arial;
    padding: 52vh 8vw 2rem 8vw;
}

a{
    color: #0089c7; display: inline-block; text-decoration: none; overflow: hidden; position: relative; vertical-align: bottom;

    -webkit-transition: color 0.3s linear;
       -moz-transition: color 0.3s linear;
            transition: color 0.3s linear;
}

a:hover{
    color: #3a3a3a;
}

a.link:hover, a.link:focus{ color: #3a3a3a; }


::selection {
  background: #3a3a3a; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #3a3a3a; /* Gecko Browsers */
  color: #fff;
}


h1 {
    font-size: 3.5rem;
    font-weight: 400;
    margin: 0 0 4px 0;

}

p {
    font-size: 1rem;
    margin: 0;
}


@media screen and (min-width: 900px) {
    body {
        font-size: 18px;
    }

    h1 {
        font-size: 6rem;
    }

    p {
        font-size: 2rem;
    }
}