@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

html {
    font-size: 16px;
    line-height: 1.5625; /* 25px */
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: .75rem;
    line-height: 1.2;
    font-weight: 700;
}

h1 {
    font-size: 1.875em;
    line-height: 1.3333333333;
}

h2 {
    font-size: 1.3125em;
    line-height: 1.619047619;
    margin-bottom: 0.3rem;
}

@media (min-width: 768px) {

    h1 {
        font-size: 2.25em;
        line-height: 1.4444444444;
    }

}

@media (min-width: 1024px) {

    html {
        font-size: 16px;
        line-height: 1.5882352941; /* 27px */
    }

    h1 {
        font-size: 2.4705882353em;
        line-height: 1.2380952381;
    }

    h2 {
        font-size: 1.4705882353em;
        line-height: 1.36;
    }
}

h3 {
    font-size: 1.44em;
}

h3.subtitle {
    font-weight: normal;
    font-size:  1.125em;
}

h4 {
    font-size: 1.2em;
}

p {
    margin-top: 0;
    margin-bottom: .5em;
}

small, .font_small {
    font-size: 0.833em;
}

ul, ol {
    list-style: disc;
    padding-left: 1em;
    margin-left: .25em;
    margin-top: .125em;
    margin-bottom: .25em;
}

li > ul,
li > ol {
    list-style: circle;
}

li {
    margin-left: .25em;
    margin-bottom: .25em;
}

li:last-child {
    margin-bottom: 0;
}