.josefin-sans-100 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.josefin-sans-200 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.josefin-sans-300 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.josefin-sans-400 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.josefin-sans-500 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.josefin-sans-600 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.josefin-sans-700 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 1200px) {
	.line1 {
		font-size: 1.8rem;
	}
	.line2 {
		font-size: 2.5rem;
		letter-spacing: .36em;
		margin-right: -.36em;
	}

	.line3 {
		font-size: 1.8rem;
		letter-spacing: .26em;
		margin-right: -.26em;
	}
}

@media (min-width: 1200px) {
	.line1 {
		font-size: 2.5rem;
	}
	.line2 {
		font-size: 3.5rem;
		letter-spacing: .355em;
		margin-right: -.355em;
	}

	.line3 {
		font-size: 2.5rem;
		letter-spacing: .265em;
		margin-right: -.265em;
	}
}