/*--------------------------------------------------------------
   Typography
--------------------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
  line-height: 1.625;
}
html,
html a {
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	 margin-top: get-gutter-width('xl')*0.6;
   margin-bottom: get-gutter-width('xl')*0.35;
   line-height: 1.2;
   @include mq('md') {
		margin-top:  get-gutter-width('md')*0.8;
		margin-bottom:  get-gutter-width('md')*0.6;
	}
	@include mq('lg') {
    margin-top: get-gutter-width('xl')*1.2;
    margin-bottom: get-gutter-width('xl')*0.7;
	}
}

p{
	margin-top: 0;
	@extend .vertical-gutter-flow !optional;
}
.text-center{
  text-align: center;
}
.text-left,
.section-head.text-left{
  text-align: left;
}

.vertical-gutter-flow{
	@include vertical-gutter-flow(1, 1, 1, 0.85);
}

ul,
ol{
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6{
  @include mq('md') {
    margin-top: 0;
  }
}
}

.has-huge-font-size{
  line-height: 1.3;
}
.has-large-font-size{
  line-height: 1.4;
}
.display-1 {
  line-height: 1.1;
  margin-top: 0;
}