body {
    line-height: 1;
    background-color: #72ccd2;
    width: 100%;
    height: auto;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}


/* FONTS */

h1 {
    font-family: din;
    letter-spacing: 1px;
    font-size: 3.8rem;
}

h2 {
    font-family: din;
    letter-spacing: 0px;
    font-size: 1.3rem;
}

h3 {
    font-family: din;
    letter-spacing: 1px;
    font-size: 4.2rem;
}
h3 {
    font-family: din;
    letter-spacing: 1px;
    font-size: 2rem;
}
h4 {
    font-family: din;
    letter-spacing: 1px;
    font-size: 2rem;
    margin: 16px 0;
}

h5 {
    font-family: din;
    letter-spacing: 1px;
    font-size: 1.5rem;
    margin: 16px 0;
}

p {
    font-family: Roboto, sans-serif;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 16px;
}

.h-50vh {
    height: 50vh;
}