:root {
	--print-white: #ffe5d9; /* fff4ef FFE5D9 */ 
	--print-black-deep: #010011;
	--print-black: #14132c;
	--print-black-mid: #181a39;
	--print-black-tint: #1c1f43;
	--print-blue: #448db7;
	--print-red: #e8414f;
	--print-gold: #fcb03d;
	--print-gold-tint: #db7a25;

	--glass-border-width: 2px;
}

#navdropdown {
	display: none;
	background-color: unset;
	border: none;
	padding: 0;
}

#navdropdownicon {
	vertical-align: middle;
}

#crtfilter {
	position: fixed;
	background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.5) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
	background-size: 100% 2px, 3px 100%;
	backdrop-filter: blur(0.5px);
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 125;
	opacity: 100%;
}

@font-face {
	font-family: Barlow Semi Condensed;
	src: url("BarlowSemiCondensed-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Barlow Semi Condensed Bold;
	src: url("BarlowSemiCondensed-Bold.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Korner Deli;
	src: url("KornerDeliNF.otf");
	font-weight: normal;
	font-style: normal;
}

.nawtdone {
	color: var(--print-black-tint) !important;
}

.spotlighttitle {
	color: var(--print-white);
	font-family: Barlow Semi Condensed Bold;
	font-weight: normal;
	grid-area: spotlighttitle;
	margin-bottom: 1.5rem;
	margin-top: -2rem;
	margin-left: -2rem;
	margin-right: -2rem;
	background-color: rgba(4, 2, 12, 0.5);
	border: var(--glass-border-width) rgba(15, 15, 40, 0.6) solid;
	border-width: 0 0 var(--glass-border-width) 0;
	padding-left: 2rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-right: 2rem;
	justify-content: stretch;
	display: grid;
	grid-template-columns: auto auto auto;
	column-gap: 2rem;
}

.spotlighttitleinner {
	justify-self: center;
	margin-bottom: 1.125rem;
	margin-top: 0.875rem;
	font-family: Barlow Semi Condensed Bold;
	text-align: center;
	
	font-family: Korner Deli;
	font-size: 24pt;
	margin-bottom: 0.875rem;
	margin-top: 1.125rem;
	
}

.paginarrowfwd {
	float: right;
	height: 1.5rem;
	align-self: center;
	align-content: center;
	text-align: end;
}

.paginarrowback {
	float: left;
	height: 1.5rem;
	align-self: center;
	align-content: center;
	text-align: left;
}

.paginarrowfwd img, .paginarrowback img {
	height: 1.5rem;
}

.paginarrowfwd:hover, .paginarrowback:hover {
	animation-name: arrowhover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.disabledarrow:hover {
	animation-name: unset;
}

.spotlightcontainer {
	display: flex;
	grid-area: sptlcont;
	justify-content: flex-start;
	padding: 0 !important;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.spotlightbody {
	width: 90vw !important;
	margin-top: 128px;
}

.spotlighttext {
	width: 50%;
	flex-grow: 1;
	background-color: rgba(4, 2, 12, 0.5);
	border: var(--glass-border-width) rgba(15, 15, 40, 0.7) solid;
	border-width: 0 0 0 var(--glass-border-width);
	padding-top: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	box-sizing: border-box;
}

.spotlightdesc {
	grid-area: spotlightdesc;
	text-indent: 3rem;
}

.spotlightimages {
	grid-area: spotlightimg;
	width: 50%;
	padding: 2rem;
	box-sizing: border-box;
	text-align: center;
}

.spotlightimg {
	max-width: 100%;
}

.buttonbar {
	justify-self: center;
	width: 100%;
	display: none;
}

.fancybuttonbar {
	width: 100vw;
	margin-left: 2.5%;
	margin-right: 2.5%;
	display: flow-root;
}

.spotlightpaginfancy {
	max-height: fit-content;
	grid-area: sptlpagin;
}

.spotlightbackfancy {
	grid-area: sptlback;
}

.maptextbar {
    grid-area: maptextbar;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
    font-size: 14pt;
    align-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.maptextbar a, .maptextbar p {
	vertical-align: middle;
	font-size: 14pt;
	font-family: Barlow Semi Condensed Bold;
}

.maptextbar a {
	vertical-align: middle;
	text-decoration: none;
	color: var(--print-gold);
}

.maptextbar a:hover {
	animation-name: linkhover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.maptextbar img {
	max-height: 14pt;
	margin-left: 1rem;
	margin-right: 1rem;
}


.spotlightpagincontainer {
	width: 98vw;
	display: grid;
	grid-template-areas:
	"maptextbar"
	"sptlcont";
	/* grid-template-areas:
	"maptextbar maptextbar maptextbar"
	"sptlback sptlcont sptlpagin"; */
	grid-template-columns: 80vw;
	/* grid-template-columns: auto 65vw auto; */
	justify-items: center;
	align-items: center;
	justify-self: center;
	justify-content: center;
}

.backbuttonfancy {
	justify-self: center;
	width: 100%;
	justify-items: center;
}

.sbsbuttonarrow {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.spotlightpagin {
	float: right;
	margin-left: 1rem;
}

.spotlightback {
	float: left;
}

body {
	font-size: 18pt;
	margin: 0;
	/* background: linear-gradient(0deg, var(--print-black-mid), #010011); */
	background-color: var(--print-black-deep);
	min-height: 100vh;
	font-family: Barlow Semi Condensed, sans-serif;
	display: grid;
	grid-template:
		"navbar"
		"titlebar"
		"body"
		"footer";
	gap: 0;
	grid-template-rows: auto auto 1fr auto;
	color: var(--print-white);
}

h1, h2 {
	font-family: Korner Deli, sans-serif;
	font-weight: normal;
	margin-top: 0;
}

h1 {
	margin-bottom: 1em;
	font-size: 32pt;
	padding-top: 0.375rem;
}

p {
	margin: 0;
	font-size: 16pt;
}

.spacer200 {
	height: 200px;
}

.spacer150 {
	height: 150px;
}

.spacer100 {
	height: 100px;
}

.spacer75 {
	height: 75px;
}

.spacer50 {
	height: 50px;
}

.spacer25 {
	height: 25px;
}

#bodycontainer {
	width: 65%;
	justify-self: center;
	/* margin-top: 128px; */
	grid-area: body;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

#topnavbar {
	text-align: center;
	width: 100%;
	/* background-color: var(--print-white); */
	padding-top: 10px;
	padding-bottom: 10px;
	/* background: linear-gradient(130deg, var(--print-black-tint), var(--print-black)); */
	/* border-image-width: 0 0 var(--glass-border-width) 0; */
	/* border-image-source: linear-gradient(0deg, rgb(18 24 59 / 80%), rgb(19 17 42 / 80%) 40%); */ /* Full Glass-type Lighting */
	/* border-image-source: linear-gradient(0deg, rgb(36 43 76 / 80%), rgb(28 25 59 / 80%) 40%); */
	box-sizing: border-box;
	position: fixed;
	z-index: 99;
	height: 128px;
	align-content: center;
	grid-area: navbar;

	background: rgb(4 3 19 / 80%);
	border-image-source: unset;
	border-width: 0px 0px var(--glass-border-width) 0px;
	border-color: rgb(10 14 41 / 80%);
	border-style: solid;

	align-items: center;

	/* background: none;
	border-image-source: unset;
	border: none;
	backdrop-filter: none;
	box-shadow: none; */
}

#navbarcontainer {
	text-align: center;
	/* background-color: var(--print-white); */
	/* background: linear-gradient(130deg, var(--print-black-tint), var(--print-black)); */
	/* border-image-width: 0 0 var(--glass-border-width) 0; */
	/* border-image-source: linear-gradient(0deg, rgb(18 24 59 / 80%), rgb(19 17 42 / 80%) 40%); */ /* Full Glass-type Lighting */
	/* border-image-source: linear-gradient(0deg, rgb(36 43 76 / 80%), rgb(28 25 59 / 80%) 40%); */
	z-index: 99;
	align-content: center;

	display: grid;
	grid-template-columns: auto auto auto auto auto;
	align-items: center;
	width: fit-content;
	gap: 5rem;
	justify-self: center;
	margin-left: auto;
	margin-right: auto;


	/* background: none;
	border-image-source: unset;
	border: none;
	backdrop-filter: none;
	box-shadow: none; */
}

.mobilenotice {
	display: none;
}

#pagefooter {
	text-align: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: var(--glass-border-width) 0 0 0;
    border-image-width: var(--glass-border-width) 0 0 0;
    border-image-source: linear-gradient(0deg, rgb(18 24 59 / 80%), rgb(19 17 42 / 80%) 40%);
    /* border-image-source: linear-gradient(0deg, rgb(36 43 76 / 80%), rgb(28 25 59 / 80%) 40%); */
    box-sizing: border-box;
    z-index: 96;
    height: 180pt;
    align-content: center;
    grid-area: footer;
    padding-left: 20%;
    padding-right: 20%;

	background: rgb(4 3 19 / 80%);
	border-image-source: unset;
	border-width: var(--glass-border-width) 0px 0px 0px;
	border-color: rgb(10 14 41 / 80%);
	border-style: solid;
}

.footerlinkbox {
	vertical-align: middle;
    display: inline-block;
    text-align: left;
    float: left;
    height: 100%;
    align-content: center;
    max-width: 70%;
}

#navlogo, #footerlogo {
	max-height: 4em;
	vertical-align: middle;
}

.pickedlink {
	color: var(--print-white) !important;
	text-shadow: 0px 0px 20px var(--print-blue);
}

.navlink, .pickedlink, .unlinkedlink { /* Universal rules for all nav links */
	vertical-align: middle;
	/* padding-left: 1.5em;
	padding-right: 1.5em; */
	font-size: 18pt;
	text-decoration: none;
	color: var(--print-gold);
	font-family: Barlow Semi Condensed Bold;
}

.footerlink {
	display: block;
	font-size: 14pt;
	margin-top: 5px;
	margin-bottom: 5px;
	max-width: fit-content;
	text-decoration: none;
	color: var(--print-gold);
	font-family: Barlow Semi Condensed Bold;
}

.footerlink:hover {
	animation-name: linkhover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.footernotice {
	display: block;
	font-size: 12pt;
	margin-top: 1.5rem;
	margin-bottom: 5px;
	text-decoration: none;
	color: var(--print-white);
	font-family: Barlow Semi Condensed;
}

#footerlogolink {
	float: right;
    height: 100%;
    align-content: center;
}

.glasscontainer {
	background-color: rgb(10 9 28 / 80%);
	box-shadow: 0 0 10px #000000;
	background: linear-gradient(0deg, rgb(9 14 44 / 80%), rgb(10 9 28 / 80%) 40%);
	border: var(--glass-border-width) var(--print-black) solid;
	border-image-source: linear-gradient(180deg, rgb(20 26 65 / 80%), rgb(19 17 42 / 80%) 40%, rgb(24 30 75 / 80%) 80%);
    /* border-image-source: linear-gradient(0deg, rgb(36 43 76 / 80%), rgb(28 25 59 / 80%) 40%); */
	border-image-width: var(--glass-border-width);
	border-image-slice: 3;
	backdrop-filter: blur(20px);
	color: var(--print-white);
	padding: 2rem;
}

.foliolist {
	column-gap: 5%;
	/* width: 100%; */
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	align-items: start;
	display: grid;
	column-count: 3;
	column-fill: balance;
	grid-template-columns: auto auto auto;
	row-gap: 4rem;
}

.foliolistcolumn {
	display: grid;
	row-gap: 4rem;
	width: 45%;
}

.foliolistcolumn a, .foliolist a {
	text-decoration: none;
}

.foliolistitem {
	display: block;
	padding: 0 0 2rem 0;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	/* margin-bottom: 4rem; */
	color: var(--print-gold);
}

.foliolistthumbnail {
	margin: 8px;
	padding: 0;
	max-width: calc(100% - 16px);
}

.foliolistname {
	/* padding: 1.5rem 2rem 2rem 2rem;
	margin: 0;
	margin-bottom: -2rem; */
	margin: 1.5rem 2rem 0 2rem;
	padding: 0;
	text-align: center;
	font-family: Barlow Semi Condensed Bold;
	font-weight: normal;
	font-size: 24pt;
}

.buttongold, .buttonwhite {
	color: var(--print-black);
	border-image-source: url(CJ_GRA_499_Button_01.png);
	border-image-width: 64px 50px 0 50px;
	border-image-slice: 132 50 0 50;
	filter: drop-shadow(6px 8px 0 var(--print-red));
	width: fit-content;
	font-size: 18pt;
	font-family: Barlow Semi Condensed Bold;
}

.sptlsubhead {
	font-weight: normal;
	font-family: Barlow Semi Condensed Bold;
	margin: 0;
	font-size: 16pt;
}

.sptlimgsubhead {
	margin-top: 3rem;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: normal;
	font-family: Barlow Semi Condensed Bold;
}

.reflink {
	color: var(--print-blue);
	text-decoration: none;
}

.refdesc {
	font-size: 12pt;
	text-indent: -3rem;
	margin-left: 3rem;
}

@keyframes buttongoldhover {
	0% { 
		filter: drop-shadow(6px 8px 0 var(--print-red)); 
		transform: translate(0px, 0px);
	}
	100% { 
		filter: drop-shadow(0px 0px 0px var(--print-red)) hue-rotate(-3deg) brightness(0.7);
		transform: translate(6px, 8px);
	}
}

@keyframes buttonwhitehover {
	from { 
		filter: drop-shadow(6px 8px 0 var(--print-gold-tint)); 
		transform: translate(0px, 0px);
	}
	to { 
		filter: drop-shadow(0px 0px 0px var(--print-gold-tint)) brightness(0.7); 
		transform: translate(6px, 8px);
	}
}

@keyframes linkhover {
	from {
		color: var(--print-gold);
		text-shadow: unset;
	}
	to {
		color: var(--print-white);
		text-shadow: 0px 0px 20px var(--print-blue);
	}
}

/* @keyframes logohover {
	from { 
		filter: drop-shadow(0px 0px 0 var(--print-gold-tint)); 
		transform: translate(0px, 0px);
	}
	to { 
		filter: drop-shadow(0px 0px 3px var(--print-gold-tint)); 
		transform: translate(0px, 0px);
	}
} */

@keyframes logohover {
	from { 
		filter: brightness(1) drop-shadow(0px 0px 0 var(--print-blue));
	}
	to { 
		filter: brightness(4) drop-shadow(0px 0px 10px var(--print-blue)); 
	}
}

@keyframes arrowhover {
	from {
		filter: brightness(1);
	}
	to {
		filter: brightness(5) drop-shadow(0px 0px 10px var(--print-blue));
	}
}

@keyframes portfoliohover {
	from {
		border-image-source: linear-gradient(0deg, rgb(18 24 59 / 80%), rgb(19 17 42 / 80%) 40%);
		box-shadow: none;
		color: var(--print-gold);
	}
	to {
		/* border-image-source: linear-gradient(0deg, rgb(40 57 110 / 80%), rgb(37 38 86 / 80%) 40%); */
		/* border-image-source: linear-gradient(0deg, rgb(51 70 130 / 80%), rgb(37 38 86 / 80%) 40%); */
		border-image-source: linear-gradient(180deg, rgb(51 70 130 / 80%), rgb(37 38 86 / 80%) 30%, rgb(37 38 86 / 80%) 60%, rgb(55 74 140 / 80%) 100%);
		text-shadow: 0px 0px 15px var(--print-blue);
		border-image-width: 2px;
		/* box-shadow: 9px 9px 0px -3px #070719, 9px 9px 0px 0px var(--print-black-tint); */
		/* box-shadow: 0px 0px 0px 0px #070719, 0px 0px 0px 3px var(--print-black-tint); */
		color: var(--print-white);
		background: linear-gradient(0deg, rgb(15 18 55 / 80%), rgb(12 10 36 / 80%) 40%);
	}
}

@keyframes reflinkhover {
	from {
		color: var(--print-blue);
		text-shadow: unset;
	}
	to {
		color: var(--print-white);
		text-shadow: 0px 0px 20px var(--print-blue);
	}
}

@keyframes navdropdowndarken {
	from {
		opacity: 0%;
	}
	to {
		opacity: 65%;
	}
}

@keyframes navdropdownlist {
	from {
		top: 0;
		height: 0;
	}
	to {
		top: calc(128px + 2rem);
		height: fit-content;
	}
}

@keyframes droppeddown {
	from {
		border-color: rgb(10 14 41 / 80%);
		background: rgb(4 3 19 / 80%);
	}
	to {
		border-color: rgb(38 46 96 / 80%);
		background: rgb(5 4 24 / 90%);
	}
}

.droppeddown {
	animation-name: droppeddown;
	animation-duration: 0.25s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.navdropdowndarken {
	animation-name: navdropdowndarken;
	animation-duration: 0.25s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.navdropdownlist {
	animation-name: navdropdownlist;
	animation-duration: 0.25s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

#navlogo:hover, #footerlogo:hover, #navdropdown:hover {
	animation-name: logohover;
	animation-duration: 0.25s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.navlink:hover {
	animation-name: linkhover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.buttongold:hover {
	animation-name: buttongoldhover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.foliolistitem:hover {
	animation-name: portfoliohover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.reflink:hover {
	animation-name: reflinkhover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.buttonwhite {
	border-image-source: url(CJ_GRA_499_Button_White.png);
	filter: drop-shadow(6px 8px 0 var(--print-gold-tint));
}

.buttonwhite:hover {
	animation-name: buttonwhitehover;
	animation-duration: 0.125s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.buttongold a, .buttonwhite a {
	display: block;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 18px;
	padding-bottom: 18px;
	height: 28px;
	color: var(--print-black);
	text-decoration: none;
}

.buttonarrow {
	align-self: center;
	margin-left: 10px;
	height: 24px;
    vertical-align: bottom;
    margin-bottom: 1.5pt;
}

.buttonarrowback {
	align-self: center;
	margin-right: 10px;
	height: 24px;
    vertical-align: bottom;
    margin-bottom: 1.5pt;
}

.titlebar {
	background-image: url(CJ_GRA_499_Title_Bar.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	color: var(--print-black);
	height: 76px;
	text-align: center;
	align-content: center;
	padding-bottom: 4px;
	margin-bottom: 0;
	box-sizing: border-box;
	/* padding-top: 16px; */
	grid-area:titlebar;
	margin-top: 128px;
}

#titlebackground {
    z-index: -1;
    position: relative;
    bottom: 53px;
    height: 76px;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.unlinkedlink, .unlinkedfootlink {
	color: var(--print-black-tint);
	text-decoration: line-through;
}

.unlinkedfootlink:hover {
	animation-name: none;
}

@media(max-width: 1260px) {
	#pagefooter {
		padding-left: 10%;
		padding-right: 10%;
	}
	.spotlightpagincontainer {
		grid-template-columns: 90vw;
	}

	#bodycontainer {
		width: 80%;
	}
	.mobilenotice {
		display: block;
	}
}

.hidden {
	display: none !important;
}

@media(max-width: 1000px) {
	#bodycontainer {
		width: 80%;
	}

	.spotlightpaginfancy {
		display: none;
	}

	.spotlightpagincontainer {
		display: block;
		width: 90vw;
	}

	.buttonbar {
		display: grid;
        width: 90vw;
        grid-template-columns: 1fr auto 1fr;
        grid-template-areas: 
        "spotlightback spotlightreturn spotlightpagin";
	}

	.spotlightpagin {
		justify-self: end;
		grid-area: spotlightpagin;
	}

	.spotlightback {
		justify-self: start;
		grid-area: spotlightback;
	}

	.spotlightreturn {
		justify-self: center;
		grid-area: spotlightreturn;
	}

	.backbuttonfancy {
		display: none;
	}

	.buttontext {
		display: none;
	}

	.underbuttonarrow {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.titlebar {
	color: var(--print-white);
    background-image: none;
    /* text-decoration: underline;
    text-underline-offset: 4px;
    text-underline-position: from-font; */
    border-bottom: 0.25rem var(--print-gold-tint) solid;
    justify-self: center;
    padding-left: 1rem;
    padding-right: 1rem;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
	}
}

@media(max-width: 840px) {
	.navlink, .pickedlink, .unlinkedlink, .navicon {
		display: none;
	}

	#navbarcontainer {
		grid-template-columns: auto;
	}

	#navdropdown {
		display: unset;
	}

	.navdropdownlist {
		display: grid;
		height: fit-content;
		color: var(--print-white);
		position: fixed;
		justify-self: center;
		top: 0;
		width: 50%;
		text-align: center;
		/* background: linear-gradient(0deg, rgb(3 7 28 / 90%), rgb(6 5 19 / 90%) 40%); */
		background: linear-gradient(0deg, rgb(9 14 44 / 90%), rgb(10 9 28 / 90%) 40%);
		backdrop-filter: blur(20px);
		z-index: 98;
		row-gap: 1rem;
		border-image-source: linear-gradient(180deg, rgb(40 48 104 / 80%), rgb(30 27 66 / 80%) 40%, rgb(49 57 110 / 80%) 80%);
	}

	.navdropdowndarken {
		width: 100%;
		height: 100%;
		background-color: var(--print-black-deep);
		z-index: 97;
		position: fixed;
		opacity: 65%;
	}

	.dropdownlink {
		display: block;
	}

	#bodycontainer {
		width: 90%;
	}

	#pagefooter {
		padding-left: 5%;
		padding-right: 5%;
		height: 210pt;
	}


	.spotlightcontainer {
		display: block;
	}

	.spotlightimages {
		width: 100%;
	}

	.spotlighttext {
		width: 100%;
		margin-top: 2rem;
		padding-top: 0;
	}

	.spotlighttext {
		background-color: rgba(4, 2, 12, 0.5);
		border: var(--glass-border-width) rgba(15, 15, 40, 0.5) solid;
		border-width: var(--glass-border-width) 0 0 0;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-bottom: 2rem;
	}

	.spotlighttitle {
		margin-top: 0;
	}
}

@media(max-width: 600px) {
	.buttonbar {
		grid-template-columns: auto auto;
		grid-template-areas: 
		"spotlightback spotlightpagin"
		"spotlightreturn spotlightreturn";
		grid-row-gap: 2rem;
		width: 90vw;
	}

	.titlebar {
		width: 80%;
	}
}

@media(max-width: 400px) {
	.footerlinkbox {
		width: 90vw;
		max-width: 90vw;
	}

	.buttongold a, .buttonwhite a {
		padding-left: 40px;
		padding-right: 40px;
	}

	.foliolist {
		max-width: 90vw;
	}

	.foliolistitem {
		padding-left: 0.25rem !important;
		padding-right: 0.25rem !important;
	}

	p {
		font-size: 13pt;
	}

	.spotlighttitleinner {
		font-size: 18pt;
	}

	.refdesc {
		word-break: break-all;
	}

	.fspreview {
		display: none;
	}

	#footerlogo {
		display: none;
	}

	.footerlink {
		text-align: center;
		justify-self: center;
		margin-left: auto;
		margin-right: auto;
	}

	.spotlightimages {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.glasscontainer {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}