/* ! Reset */
body, html {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style-type: none;
}

img {
    height: auto;
}

a {
    text-decoration: none;
}

hr {
    border: none;
    border-bottom: 1px solid #ddd
}


/* ! Title System */
.text-0 {
    font-size: 5rem;
    line-height: 1;
}

h1, .text-1 {
    font-size: 3.4rem;
}

h2, .text-2 {
    font-size: 2.2rem;
}

h3, .text-3 {
    font-size: 1.5rem;
}

h4, p, .text-4 {
    font-size: 1rem;
}

h1, h2, h3, h4, p, ol, ul {
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .text-0 {
        font-size: 4rem
    }
}