@font-face {
    font-family: 'texgyreheros';
    src: url('/fonts/texgyreheros-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreheros';
    src: url('/fonts/texgyreheros-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


html{
    font-size:17px;
    line-height: 1.5rem;
    font-family: "texgyreheros";
    color:#111;
}
h1,h2,h3,h4,h5,h6{
    font-family:sans-serif;
    line-height:1.2em;
    margin:1.5rem 0 1rem;
}
h4,h5,h6{
	line-height:1.4em;
	margin:.75rem 0 .5rem;
}
p {
	padding:1rem;
}
h1{
    font-size:2.5rem;
    margin-top:1rem
}
h2{
    font-size:2rem;
}
h3{
    font-size:1.75rem
}
h4{
    font-size:1.5rem
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1.1rem
}
sub{
    font-size:.75em;
    opacity:.8;
}
h1 sub,h2 sub,h3 sub,h4 sub,h5 sub,h6 sub{
    display:block
}
section{
    padding:1rem 0
}


@media(min-width:575px){
	html{
		font-size:19px
	}
}
@media(min-width:768px){
	html{
		font-size:20px
	}
}
@media(min-width:992px){
	html{
		font-size:21px
	}
}