/* -----------Typography styles--------- */
/* Some base typography rules have already been declared in reset.css. Overwrite here as needed. */

/* -----Set the baselines - base size, body copy font----- */
html {
	font-size: 18px;
}

body {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

/* ---------Copy & Lists--------- */
/* Paragraph styles, including margins. Consider limiting the line lengths with a maximum width. */
p {
	max-width: 650px;
	margin: 0 0 15px 0;
}

footer p {
	margin: 4px 0 4px 0;
}

#hero p {
	font-size: 23px;
}

/* List styles */
/* ul,
ol {
} */

/* nested list styles */
/* ul ul,
ol ul,
ul ol,
ol ol {
} */

/* List item styles */
/* li {
} */

/* --------Headings------- */

/* Change heading typefaces, margins, letter spacing and general line heights here */
h1 {
	font-family: "the-seasons", "Jost", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: xxx-large;
}

h2 {
	font-family: "the-seasons", "Jost", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
}

h3 {
	font-family: "the-seasons", "Jost", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
}
/*
h3,
h4,
h5,
h6 {
} */

/* Change font size and more specific rules as needed per heading type */
/* h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
} */

/* ---------Links----------- */

/* -----Text links----- */
/* a,
a:visited {
} */

/* Hover states only work when using a mouse; focus states also work for keyboard focus */
/* a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
} */

/* Active states will work on click, on "Enter" (with keyboard), and on tap */
/* a:active,
a:visited:active {
} */

/* -----Buttons------- */
/* rules that both buttons share, like padding, corner shape, font size, line height, text decoration (underline or not) */
/* .primary-button,
.secondary-button {
} */

/* rules that both buttons share, like text decoration (underline or not), maybe colour  */
/* .primary-button:hover,
.secondary-button:hover,
.primary-button:focus,
.secondary-button:focus {
} */

/* rules that both buttons share, like maybe colour  */
/* .primary-button:active,
.secondary-button:active {
} */

/* rules that are unique to primary, like background colour, maybe font colour */
/* .primary-button {
}
.primary-button:hover,
.primary-button:focus,
.primary-button:visited:hover,
.primary-button:visited:focus {
}
.primary-button:active,
.primary-button:visited:active {
} */

/* rules that are unique to secondary, like background colour, maybe font colour */
/* .secondary-button {
}
.secondary-button:hover,
.secondary-button:focus,
.secondary-button:visited:hover,
.secondary-button:visited:focus {
}
.secondary-button:active,
.secondary-button:visited:active {
}
 */
/* --------Special classes------- */
/* Leading paragraph text */
/* .lead {
} */

/* Additional class to add to elements to remove top margin */
.flush-top {
	margin-top: 0 !important;
}

/*  -------Media queries----------- */

@media (min-width: 768px) {
}

@media (min-width: 900px) {
}

@media (min-width: 1300px) {
}