/****************************/
/*  purple: #5A1189
/*   cream: #DAD5BD
/***************************/;


* {
	margin: 0;
	padding: 0;
	box-sizing:  inherit;  /* why?  moved to body*/
}

html {
	font-size: 62.5%;  /* makes math easier for rem font sizes
	because 62.5% of 16px is 10px, so 3rem is 30px 
	This allows to change overall font size here, and the rest will 
	adjust size to have same ratios */
}

body {
	font-family: 'Fira Sans', sans-serif;
	font-style: normal;
	font-variant: normal;
	color: #DAD5BD;
	padding:  3rem;

	box-sizing: border-box;
}


/*********************************/
/****** section formatting  ******/
/*********************************/


.section-main  {
	padding: 1.5rem 0;
	position: absolute;
}	

.bg-video  {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	/*  opacity: .8;  */
	overflow: hidden;
}
	.bg-video__content {
		height: 100%;
		width: 100%;
		object-fit: cover;  /* also works with images */
	}




h1 {
	font-size: 4.8rem;
	font-variant: small-caps;
	font-weight: 900;
	line-height: 4rem;
}

h2 {
	font-size: 4.8rem;
	font-weight: 900;
	line-height: 5.3rem;
}

h3 {
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 3.2rem;
}

p {
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 2.1rem;
}
	p.thin {
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 1.4rem;   }

	p.red {
		color: #AC3232;
	}