@charset "utf-8";
/* CSS Document */

html,
html * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

header {
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 2em;
	position: fixed;
	background-color: none;
}

h1 {
	color: #000000;
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 0em;
}

/* Default link color */
a {
	color: #C90003;
}

/* Visited link color */
a:visited {
	color: #C90003;
}

/* Hovered link color */
a:hover {
	color: #C0C0C0,
}

/* Focused link color */
a:focus {
	color: #C0C0C0;
}

/*Active link color (when clicked) */
a:active {
	color: #ECECEC;
}

.site-nav {
	position: relative;
	float: right;
	z-index: 400;
	top: 0;
	left: 0;
	background-color: #000000;
	display: grid !important;
	grid-template-columns: auto auto auto;
	color: #C90003;
	text-transform: uppercase;
}

.site-nav-pos1 {
	position: relative;
	padding: 0px 10px 0px 10px;
	border-style: none solid none none;
	border-width: thin;
	border-color: #C90003;
	text-align: center;
}

.site-nav-pos2 {
	position: relative;
	padding: 0px 10px 0px 10px;
	border-style: none solid none none;
	border-width: thin;
	border-color: #C90003;
	text-align: center;
}

.site-nav-pos3 {
	position: relative;
	padding: 0px 5px 0px 10px;
	text-align: center;
}

main {
	background-color: #000000;
	width: 100%;
	top: 0;
	left: 0;
}

.intro-section-img {
	padding: 4em 0 0 0;
	display: flex;
	justify-content: center;
}

.intro-section {
	padding: 4.5em 3em 4.5em 3em;
}

.intro-section p {
	font-family: 'Montserrat', sans-serif;
	color: #C90003;
	background-color: #000000;
	text-align: center;
	text-transform: none;
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 0.325em;
}
.games-intro {
	background-color: #000000;
	padding: 3em 0 2em 0;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: 0.325em;
}

.games-nbutterfly {
	width: 100%;
	display: flex;
	padding: 3em 0 0 0;
	background-color: #00DBD1;
}

.nbutterfly-icon {
	position: relative;
	width: 30%;
	padding: 0 0 0 4em;
}

.nbutterfly-icon-caption {
	margin-left: -2em;
}

.nbutterfly-title-logo {
	position: relative;
	width: 70%;
	text-align: center;
}

.games-bpockets {
	width: 100%;
	display: flex;
	padding: 3em 0 3em 0;
	background-color: #8DFFF9;
}

.bpockets-title-logo {
	position: relative;
	width: 70%;
	padding: 0 0 0 3em;
}

.bpockets-icon {
	position: relative;
	width: 30%;
	padding: 1.5em 3em 0 0;
}

.bpockets-icon-caption {
	margin-left: -2em;
}

.games-privacy-policy-link-section {
	width: 100%;
	padding: 3em 0 3em 0;
	background-color: #000000;
	text-align: center;
	font-size: 1.5em;
}

.about-us-section {
	width: 100%;
	position: relative;
	padding: 0 3em 0 3em;
	background-color: #000000;
	display: grid;
	grid-template-columns: auto auto;
	color: #D0D0D0;
}

.about-us-title {
	width: 80%;
	margin-right: 4em;
	border-style: none none solid none;
	border-width: medium;
	border-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.25em;
	color: #CDCDCD;
	text-align: left;
	line-height: 1.75em;
}

.about-us-title-blank-section {
	width: 80%;
	border-style: none none solid none;
	border-width: thin;
	border-color: #FFFFFF;
}

.about-us-desc-blank-section {
	width: 30%;
}

.about-us-info {
	width: 70%;
	font-size: 1em;
	color: #CDCDCD;
}

.about-us-section-end {
	width: 100%;
	background-color: #000000;
	display: grid;
}

.about-us-section-end-grid-border {
	width: 76.5%;
	margin-top: 3em;
	margin-left: 3em;
	border-style: none none solid none;
	border-width: thin;
	border-color: #FFFFFF;
}

.app-privacy-page-title {
	width: 100%;
	padding: 3em 0 0 0;
	background-color: #000000;
	text-transform: uppercase;
	color: #C0C0C0;
	font-size: 1.5em;
	text-align: center;
}

.app-privacy-policy-section {
	padding: 3em 20% 0 20%;
	background-color: #000000;
	display: grid;
	color: #C0C0C0;
	font-size: 1.25em;
}

.app-privacy-policy-info {
	padding: 0 10% 3em 10%;
	border-style: solid none solid none;
	border-width: thin;
	border-color: #FFFFFF;
	line-height: 1.5em;
}

.app-privacy-policy-section-end {
	background-color: #000000;
	padding: 3em 0 0 0;
}

footer {
	width: 100%;
	display: grid;
	grid-template-columns: auto auto;
	background-color: #000000;
}

.copyright-section {
	padding: 1em 0 1em 2em;
}

.copyright-note {
	color: #FFFFFF;
	text-align: left;
}

.email-section {
	padding: 1em 2em 1em 0;
}

.email-note {
	color: #FFFFFF;
	text-align: right;
}