@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');

:root {
	--white: #ffffff;
	--black: #000000;
	--grey20: #333333;
	--grey40: #646464;
	--grey60: #999999;
	--grey80: #c8c8c8;
	--grey90: #e6e6e6;
	--blue: #007AFF;
	--key: #007AFF;
}

h1, .h1 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 48px;
	color: var(--white);
	padding: 0px 0px 16px 0px;
}

h2, .h2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 40px;
	color: var(--white);
	padding: 0px 0px 24px 0px;
}

h3, .h3 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	color: var(--white);
	letter-spacing: 0.04em;
	padding: 12px 0px 12px 0px;
}

h4, .h4 {
	font-family: 'Red Hat Display', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	color: var(--white);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
}

h5, .h4 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: var(--white);
	letter-spacing: 0.04em;
	line-height: 24px;
	padding: 0px 0px 4px 0px;
}

.fontParagraph {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	color: var(--white);
	letter-spacing: 0.08em;
	line-height: 24px;
	padding: 0px 0px 16px 0px;
}


.subText {
	font-family: 'Red Hat Display', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--grey60);
	text-decoration: none;
	border: none;
	line-height: 26px;	
}



@media only screen and (max-width: 900px)
  {

.fontParagraph { font-size: 20px;
				line-height: 24px; }



}