body, th, td, input, textarea{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

h1, h2, h3{
     line-height: 1.3em;
}
h1{
    font-size: 62px;
    font-family: 'Playfair Display', serif;
}
h2{
    font-size: 56px;
    font-family: 'Playfair Display', serif;
}
h3{
    font-size:48px;
    font-family: 'Playfair Display', serif;
}
h4{
    font-size:44px;
    font-family: 'Playfair Display', serif;
}
h5{
    font-size:30px;
    font-family: 'Playfair Display', serif;
}
h6{
    font-size:24px;
    font-family: 'Playfair Display', serif;
}
p, ul, ol {
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
}
ul, ol{
    list-style:none;
}
a{
    font-family: 'Roboto', sans-serif;
}
p, li {
    font-size: 16px;
    line-height: 28px;
    color: #1E1E1E;
}


h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span{
    color: #97BF13;
}
h1 blue,
h2 blue,
h3 blue,
h4 blue,
h5 blue,
h6 blue,
p blue{
    color: #0057A4;
}
h1 green,
h2 green,
h3 green,
h4 green,
h5 green,
h6 green,
p green{
    color: #97BF13;
}
h1 purple,
h2 purple,
h3 purple,
h4 purple,
h5 purple,
h6 purple,
p purple{
    color: #8574B0;
}
h1 yellow,
h2 yellow,
h3 yellow,
h4 yellow,
h5 yellow,
h6 yellow,
p yellow{
    color: #FFD23B;
}
@media only screen and ( max-width: 961px) {
    h1{
        font-size:52px;
    }
    h2{
        font-size:46px;
    }
    h3{
        font-size:36px;
    }
    h4{
        font-size:30px;
    }
    h5{
        font-size:22px;
    }
    h6{
        font-size:18px;
    }
}

@media only screen and ( max-width: 768px) {
    h1{
        font-size:44px;
    }
    h2{
        font-size:36px;
    }
    h3{
        font-size:30px;
    }
    h4{
        font-size:26px;
    }
    h5{
        font-size:20px;
    }
    h6{
        font-size:18px;
    }
}