.nrfi-card-inner p {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 3vh;
	line-height: 1.25em;
	color: white;
	padding: 0.5em 0;
	margin: 0;
}

.nrfi-card-inner h2, .nrfi-card-inner li {
	display: block;
	font-family: 'Alfa Slab One', cursive;
	font-weight: normal;
	font-size: 8vh;
	line-height: 1em;
	color: #f07d4a;
	padding: 0;
	margin: 0;
}

.nrfi-card-inner h3, .nrfi-card-inner a {
	display: block;
	font-family: 'Alfa Slab One', cursive;
	font-weight: normal;
	font-size: 6vh;
	line-height: 1em;
	color: #f07d4a;
	padding: 0;
	margin: 0;
}

.nrfi-card-inner a {
	color: white;
	text-decoration-color: #f07d4a;
}

.nrfi-card-inner ul {
	list-style: none;
}

.nrfi-card-inner li {
	font-size: 6vh;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
}

.nrfi-card-inner ul li::before {
	content: "\2022";
	/* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: white;
	/* Change the color */
	display: inline-block;
	/* Needed to add space between the bullet and the text */
	width: 1em;
	/* Also needed for space (tweak if needed) */
	margin-left: -1em;
	/* Also needed for space (tweak if needed) */
}

.nrfi-card-inner li:last-child {
	color: white;
	white-space: wrap;
}

.nrfi-card-screen {
	position: absolute;
	width: 100vw;
	height: 100vh;
	/* background-color: #336699; */
	overflow-x: scroll;
	overflow-y: hidden;
	/* put first item in horiz center */
	/* padding-left: calc(50vw - 40vh);  */
}

.nrfi-card-flexbox {
	display: flex;
	flex-direction: row;
	padding-top: 10vh;
}

.nrfi-card {
	display: flex;
	flex: 1 0 auto;
	width: 100%;
	height: auto;
	padding: 1em;
	/* background-color: blue; */
}

.nrfi-card-first {
	flex: 1 0 calc(50vw - 40vh);
	/* background-color: olive; */
}

.nrfi-card-last {
	flex: 1 0 40vh;
	height: 80vh;
}

.nrfi-card-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 1em;
}

/* MOBILE Fix */

@media screen and (max-width: 1023px) {
	.nrfi-card-first, .nrfi-card-last {
		flex: 0;
	}
	.nrfi-card-inner h2, .nrfi-card-inner li {
		font-size: 5.6vh;
	}
}

/* DESKTOP */

@media screen and (min-width: 1024px) {
	.nrfi-card {
		flex: 1 0 80vh;
		width: 80vh;
		height: 80vh;
		padding: 50px;
		/* background-color: blue; */
	}
	.nrfi-card-inner {
		padding: 4em;
	}
}

/* plant screen for IPAD */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.nrfi-card-inner h2, .nrfi-card-inner li {
		font-size: 6.5vh;
	}
}