/* MOBILE PHONE SPACING, SMALL AND LARGE */
@media (max-width: 450px) {
	.p-xs-0 { padding: 0 !important; }
	.p-xs-1 { padding: .25rem !important; }
	.p-xs-2 { padding: .5rem !important; }
	.p-xs-3 { padding: 1rem !important; }
	.p-xs-4 { padding: 1.5rem !important; }
	.p-xs-5 { padding: 3rem !important; }

	.pt-xs-0, .py-xs-0 { padding-top: 0 !important; }
	.pt-xs-1, .py-xs-1 { padding-top: .25rem !important; }
	.pt-xs-2, .py-xs-2 { padding-top: .5rem !important; }
	.pt-xs-3, .py-xs-3 { padding-top: 1rem !important; }
	.pt-xs-4, .py-xs-4 { padding-top: 1.5rem !important; }
	.pt-xs-5, .py-xs-5 { padding-top: 3rem !important; }

	.pr-xs-0, .px-xs-0 { padding-right: 0 !important; }
	.pr-xs-1, .px-xs-1 { padding-right: .25rem !important; }
	.pr-xs-2, .px-xs-2 { padding-right: .5rem !important; }
	.pr-xs-3, .px-xs-3 { padding-right: 1rem !important; }
	.pr-xs-4, .px-xs-4 { padding-right: 1.5rem !important; }
	.pr-xs-5, .px-xs-5 { padding-right: 3rem !important; }

	.pb-xs-0, .py-xs-0 { padding-bottom: 0 !important; }
	.pb-xs-1, .py-xs-1 { padding-bottom: .25rem !important; }
	.pb-xs-2, .py-xs-2 { padding-bottom: .5rem !important; }
	.pb-xs-3, .py-xs-3 { padding-bottom: 1rem !important; }
	.pb-xs-4, .py-xs-4 { padding-bottom: 1.5rem !important; }
	.pb-xs-5, .py-xs-5 { padding-bottom: 3rem !important; }

	.pl-xs-0, .px-xs-0 { padding-left: 0 !important; }
	.pl-xs-1, .px-xs-1 { padding-left: .25rem !important; }
	.pl-xs-2, .px-xs-2 { padding-left: .5rem !important; }
	.pl-xs-3, .px-xs-3 { padding-left: 1rem !important; }
	.pl-xs-4, .px-xs-4 { padding-left: 1.5rem !important; }
	.pl-xs-5, .px-xs-5 { padding-left: 3rem !important; }

	.m-xs-0 { margin: 0 !important; }
	.m-xs-1 { margin: .25rem !important; }
	.m-xs-2 { margin: .5rem !important; }
	.m-xs-3 { margin: 1rem !important; }
	.m-xs-4 { margin: 1.5rem !important; }
	.m-xs-5 { margin: 3rem !important; }

	.mt-xs-0, .my-xs-0 { margin-top: 0 !important; }
	.mt-xs-1, .my-xs-1 { margin-top: .25rem !important; }
	.mt-xs-2, .my-xs-2 { margin-top: .5rem !important; }
	.mt-xs-3, .my-xs-3 { margin-top: 1rem !important; }
	.mt-xs-4, .my-xs-4 { margin-top: 1.5rem !important; }
	.mt-xs-5, .my-xs-5 { margin-top: 3rem !important; }

	.mr-xs-0, .mx-xs-0 { margin-right: 0 !important; }
	.mr-xs-1, .mx-xs-1 { margin-right: .25rem !important; }
	.mr-xs-2, .mx-xs-2 { margin-right: .5rem !important; }
	.mr-xs-3, .mx-xs-3 { margin-right: 1rem !important; }
	.mr-xs-4, .mx-xs-4 { margin-right: 1.5rem !important; }
	.mr-xs-5, .mx-xs-5 { margin-right: 3rem !important; }

	.mb-xs-0, .my-xs-0 { margin-bottom: 0 !important; }
	.mb-xs-1, .my-xs-1 { margin-bottom: .25rem !important; }
	.mb-xs-2, .my-xs-2 { margin-bottom: .5rem !important; }
	.mb-xs-3, .my-xs-3 { margin-bottom: 1rem !important; }
	.mb-xs-4, .my-xs-4 { margin-bottom: 1.5rem !important; }
	.mb-xs-5, .my-xs-5 { margin-bottom: 3rem !important; }

	.ml-xs-0, .mx-xs-0 { margin-left: 0 !important; }
	.ml-xs-1, .mx-xs-1 { margin-left: .25rem !important; }
	.ml-xs-2, .mx-xs-2 { margin-left: .5rem !important; }
	.ml-xs-3, .mx-xs-3 { margin-left: 1rem !important; }
	.ml-xs-4, .mx-xs-4 { margin-left: 1.5rem !important; }
	.ml-xs-5, .mx-xs-5 { margin-left: 3rem !important; }
	
	.text-center-xs { text-align: center !important; }
	.text-center-xs ION-ICON { margin-left:auto; margin-right: auto; }
	
	.font-xs-shrink-4 { zoom:96%; }
	.font-xs-shrink-6 { zoom:94%; }
	.font-xs-shrink-22 { zoom:78%; }
	
	.font-xs-grow-10 { zoom:110%; }
	.font-xs-grow-20 { zoom:120%; }
	
	.force-100-xs { width:100% !important; }
	
	.xs-none {display:none !important; }
	
	.xs-text-left {text-align: left !important; }
	.xs-text-right {text-align: right !important; }
	
	.xs-lineheight-12 {line-height: 1.2 !important; }
	.xs-lineheight-13 {line-height: 1.3 !important; }
	
}

/* Mobile first – phones (portrait & landscape) */
@media (max-width: 767.98px) {

	:root
	{
	--font-16: 5vw;
	--font-18: 6vw;
	--font-40: 10vw;
	--font-48: 10vw;
	--font-64: 12vw;
	}

	#pg-home #hero
	{
	background-size:cover;
	min-height:85vh;
	}

	#pg-home #hero::after
	{
	background:linear-gradient(to bottom, rgba(17,16,16,0.7) 0%, rgba(17,16,16,0.75) 50%, rgba(17,16,16,0.8) 100%);
	}
	
	#pg-home #hero H1
	{
	margin-top:0;
	font-size:1.75rem;
	line-height:1.15;
	}
	
	#pg-home #hero H2
	{
	font-size:1rem;
	}

	#pg-home #hero H3
	{
	display:none;
	}

	/* Hide hero images on mobile for subpages */
	#pg-fa #hero .rightcol,
	#pg-fe #hero .rightcol
	{
	display:none;
	}

	/* Mobile card text sizing */
	#pg-home #everyone .card H3
	{
	font-size:1rem;
	}

	#pg-home #everyone .card H4
	{
	font-size:0.85rem;
	}

	/* About hero mobile */
	#pg-about #hero
	{
	min-height:50vh;
	}
	
	.btn
	{
	margin-bottom:15px;
	}
	
	.card
	{
	margin-bottom:10px;
	}
	
	.quiz .buttonrow
	{
	margin-top:20px;
	position:static;
	width:inherit;
	}
	
	#pg-faquiz CG BUTTON,
	#pg-faquiz RG BUTTON
	{
	line-height:1.2;
	}
	
	#pg-fequiz CG BUTTON,
	#pg-fequiz RG BUTTON
	{
	line-height:1.2;
	}
	
}

/* Large Mobiles */
@media (min-width: 412px) and (max-width: 767px) {

	#pg-home #hero H1
	{
	margin-top:1em;
	}

}

/* Small Tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* iPad portrait, Android tablets portrait & most landscape */
	

	
}

/* Newer, Large Tablets */
@media only screen 
	and (min-width: 993px) 
	and (max-width: 1280px) 
	and (orientation: portrait) 
	and (min-device-width: 993px) 
	and (max-device-width: 1366px) {
	/* Your large-tablet-portrait-only styles here */



}

/* BOTH SMALL AND LARGE TABLETS in portrait (excludes resized desktops) */
@media only screen 
	and (min-width: 768px) 
	and (max-width: 1280px) 
	and (orientation: portrait) 
	and (min-device-width: 768px) 
	and (max-device-width: 1366px) {
	
	.p-tab-0 { padding: 0 !important; }
	.p-tab-1 { padding: .25rem !important; }
	.p-tab-2 { padding: .5rem !important; }
	.p-tab-3 { padding: 1rem !important; }
	.p-tab-4 { padding: 1.5rem !important; }
	.p-tab-5 { padding: 3rem !important; }

	.pt-tab-0, .py-tab-0 { padding-top: 0 !important; }
	.pt-tab-1, .py-tab-1 { padding-top: .25rem !important; }
	.pt-tab-2, .py-tab-2 { padding-top: .5rem !important; }
	.pt-tab-3, .py-tab-3 { padding-top: 1rem !important; }
	.pt-tab-4, .py-tab-4 { padding-top: 1.5rem !important; }
	.pt-tab-5, .py-tab-5 { padding-top: 3rem !important; }

	.pr-tab-0, .px-tab-0 { padding-right: 0 !important; }
	.pr-tab-1, .px-tab-1 { padding-right: .25rem !important; }
	.pr-tab-2, .px-tab-2 { padding-right: .5rem !important; }
	.pr-tab-3, .px-tab-3 { padding-right: 1rem !important; }
	.pr-tab-4, .px-tab-4 { padding-right: 1.5rem !important; }
	.pr-tab-5, .px-tab-5 { padding-right: 3rem !important; }

	.pb-tab-0, .py-tab-0 { padding-bottom: 0 !important; }
	.pb-tab-1, .py-tab-1 { padding-bottom: .25rem !important; }
	.pb-tab-2, .py-tab-2 { padding-bottom: .5rem !important; }
	.pb-tab-3, .py-tab-3 { padding-bottom: 1rem !important; }
	.pb-tab-4, .py-tab-4 { padding-bottom: 1.5rem !important; }
	.pb-tab-5, .py-tab-5 { padding-bottom: 3rem !important; }

	.pl-tab-0, .px-tab-0 { padding-left: 0 !important; }
	.pl-tab-1, .px-tab-1 { padding-left: .25rem !important; }
	.pl-tab-2, .px-tab-2 { padding-left: .5rem !important; }
	.pl-tab-3, .px-tab-3 { padding-left: 1rem !important; }
	.pl-tab-4, .px-tab-4 { padding-left: 1.5rem !important; }
	.pl-tab-5, .px-tab-5 { padding-left: 3rem !important; }

	.m-tab-0 { margin: 0 !important; }
	.m-tab-1 { margin: .25rem !important; }
	.m-tab-2 { margin: .5rem !important; }
	.m-tab-3 { margin: 1rem !important; }
	.m-tab-4 { margin: 1.5rem !important; }
	.m-tab-5 { margin: 3rem !important; }

	.mt-tab-0, .my-tab-0 { margin-top: 0 !important; }
	.mt-tab-1, .my-tab-1 { margin-top: .25rem !important; }
	.mt-tab-2, .my-tab-2 { margin-top: .5rem !important; }
	.mt-tab-3, .my-tab-3 { margin-top: 1rem !important; }
	.mt-tab-4, .my-tab-4 { margin-top: 1.5rem !important; }
	.mt-tab-5, .my-tab-5 { margin-top: 3rem !important; }

	.mr-tab-0, .mx-tab-0 { margin-right: 0 !important; }
	.mr-tab-1, .mx-tab-1 { margin-right: .25rem !important; }
	.mr-tab-2, .mx-tab-2 { margin-right: .5rem !important; }
	.mr-tab-3, .mx-tab-3 { margin-right: 1rem !important; }
	.mr-tab-4, .mx-tab-4 { margin-right: 1.5rem !important; }
	.mr-tab-5, .mx-tab-5 { margin-right: 3rem !important; }

	.mb-tab-0, .my-tab-0 { margin-bottom: 0 !important; }
	.mb-tab-1, .my-tab-1 { margin-bottom: .25rem !important; }
	.mb-tab-2, .my-tab-2 { margin-bottom: .5rem !important; }
	.mb-tab-3, .my-tab-3 { margin-bottom: 1rem !important; }
	.mb-tab-4, .my-tab-4 { margin-bottom: 1.5rem !important; }
	.mb-tab-5, .my-tab-5 { margin-bottom: 3rem !important; }

	.ml-tab-0, .mx-tab-0 { margin-left: 0 !important; }
	.ml-tab-1, .mx-tab-1 { margin-left: .25rem !important; }
	.ml-tab-2, .mx-tab-2 { margin-left: .5rem !important; }
	.ml-tab-3, .mx-tab-3 { margin-left: 1rem !important; }
	.ml-tab-4, .mx-tab-4 { margin-left: 1.5rem !important; }
	.ml-tab-5, .mx-tab-5 { margin-left: 3rem !important; }

	.font-tab-shrink-4 { zoom:96%; }
	.font-tab-shrink-6 { zoom:94%; }
	.font-tab-shrink-22 { zoom:78%; }
	
	.font-tab-grow-10 { zoom:110%; }
	.font-tab-grow-20 { zoom:120%; }
	
	.force-100-tab { width:100% !important; }
	
	.tab-none {display:none !important; }
	
	.tab-block {display:block !important; }
	
	.tab-text-left {text-align: left !important; }
	.tab-text-right {text-align: right !important; }
	
	.tab-lineheight-12 {line-height: 1.2 !important; }
	.tab-lineheight-13 {line-height: 1.3 !important; }

	#pg-home #hero .btn
	{
	padding:8px 9px;
	}

	#pg-home #space .btn
	{
	padding:8px 9px;
	}

	#pg-fh #hero .btn
	{
	padding:8px 9px;
	}
	
	#pg-fa #ready .btn
	{
	padding:8px 9px;
	}
	
	#pg-fe #hero .btn
	{
	padding:8px 9px;
	}
	
	#pg-faquiz CG BUTTON,
	#pg-faquiz RG BUTTON
	{
	line-height:1.2;
	}
	
	.quiz .card
	{
	min-height:530px;
	}
	
	#pg-fhquiz #quiz3 .card
	{
	min-height: 597px;
	}
	
	#pg-fequiz CG BUTTON,
	#pg-fequiz RG BUTTON
	{
	line-height:1.2;
	}

	FOOTER UL A
	{
	zoom:94%;
	}

}


/* Desktop & big tablets landscape */
@media (min-width: 992px) {
	.container
	{
	width:100%;
	}
}

/* Wide screens / ultra-wide laptops / large external monitors */
@media (min-width: 1200px) {
	.container 
	{
	width:100%;
	max-width: 2019px;
	}
}

@media (max-width: 991.98px) {			 /* covers up to lg breakpoint */

	HEADER NAV
	{
	background-color:#e5e3e1;
	backdrop-filter: none;
	}

	.navbar-nav
	{
	align-items:start;
	}

	.navbar.fixed-top .navbar-collapse
	{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	z-index: 1000;
	margin-top: 0;
	padding:15px;
	}

	.navbar-collapse.collapsing
	{
	transition: height 0.35s ease, opacity 0.35s ease;
	}

	.navbar-nav A.nav-link.pill 
	{
	background: none !important;
	color: var(--fg-terracotta) !important;
	padding: 0 !important;
	border-radius: 0 !important;
	font-weight: 500 !important; 
	opacity: 1 !important;
	transform: none !important;
	border-image: linear-gradient(#a47864);
	border-image-width: 0 0 3px 0%;
	border-image-slice: 0%;
	transition: border-image-width 0.3s;
	}

	.navbar-nav A.nav-link.pill:hover,
	.navbar-nav A.nav-link.pill:focus
	{
	transform: none !important;
	border-image-slice: 100%;
	border-image-width: 0 0 3px 100%;
	}
	
	.navbar-nav A.nav-link,
	.navbar-nav A.nav-link:visited
	{
	font-size:18px;
	}
	
	.navbar-nav LI.nav-item
	{
	padding-bottom:10px;
	}

}