body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* ----------- Typography ----------- */

@media screen and (min-width: 375px) {
	body {
		font-size: 18px;
	}
	
	h1.heroBrow {
		font-size: 18px;
	}

	h2.heroH2 {
		font-size: 32px;
	}
	
	h3.bodyH3 {
		font-size: 21px;
	}
	
	h4.bodyH4 {
		font-size: 18px;
	}

	p.heroTxt {
		font-size: 18px;
	}

	p.bodyTxt1 {
		font-size: 18px;
	}
	
	p.bodyTxt2 {
		font-size: 16px;
	}
	
	p.bodyTxt3 {
		font-size: 14px;
	}
	
	p.disclaimTxt {
		font-size: 12px;
	}
	
	a.heroCTA {
		font-size: 18px;
	}
	
	a:hover.heroCTA {
		
	}
	
	a.footerlink {
		text-decoration: none;
		color: #000000;
	}
	
	a:hover.footerlink {
		text-decoration: underline;
	}
	
	a.disclaimTxtLink {
		text-decoration: underline;
		color: #ffffff;
	}
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {
	body {
		font-size: 18px;
	}
	
	h1.heroBrow {
		font-size: 24px;
	}

	h2.heroH2 {
		font-size: 54px;
	}
	
	h3.bodyH3 {
		font-size: 21px;
	}
	
	h4.bodyH4 {
		font-size: 18px;
	}

	p.heroTxt {
		font-size: 24px;
	}

	p.bodyTxt1 {
		font-size: 18px;
	}
	
	p.bodyTxt2 {
		font-size: 16px;
	}
	
	p.bodyTxt3 {
		font-size: 14px;
	}
	
	a.heroCTA {
		font-size: 21px;
	}
	
	a:hover.heroCTA {
		
	}
	
	a.footerlink {
		text-decoration: none;
		color: #000000;
	}
	
	a:hover.footerlink {
		text-decoration: underline;
	}
}

@media screen and (min-width: 1200px) {

}