.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

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

html {
    height: 100%;
}

body {
    font-family: "Poppins", sans-serif !important;
    line-height: 1.6;
	background: url(media/corgispace_carts_bg.png) no-repeat center top;
    background-size: 100% auto;
    background-color: #000000;
    max-width: 100vw;
    padding: 1.3em;
    margin: 0;
    color: #fffcea;
    overflow: auto;
	list-style-position: inside;
}

a {
    text-decoration: none;
}

header {
    width: 100%;
    min-height: 3em;
    text-align: center;
    margin-bottom: 2vh;
	place-content: center;
    place-items: center;
    display: grid;
	grid-template-rows: minmax(8em, 4em);
    grid-template-columns: 4fr 1fr 1fr 1fr 4fr;
    column-gap: 16px;
}

.fj {
	background: url(media/finjilogo01.png) no-repeat center;
    background-size: contain;
	height: 6em;
    width: 6.4em;
	grid-column-start: 2;
    grid-column-end: 3;
	justify-self: end;
}

.fj a {
	display: inline-block;
}

.xx {
	font-size: 3em;
}

.aa {
	background: url(media/aa_logo_white.png) no-repeat center;
    background-size: contain;
	height: 5.4em;
    width: 8em;
	grid-column-start: 4;
    grid-column-end: 5;
	justify-self: start;
}

.logo {
    background: url(media/corgispace_logo_wide.png) no-repeat center center;
    background-size: contain;
    height: 22vh;
    width: 100%;
    margin-bottom: 1vh;
    transition: 350ms ease-in;
	align-self: center;
    grid-column-start: 1;
    grid-column-end: 6;
}

.contentgrid {
    place-content: center;
    place-items: center;
    display: grid;
	row-gap: 2.4em;
    grid-template-columns: 2fr 5fr 1fr 5fr 2fr;
    /* position: -webkit-sticky;
    position: sticky; */
    top: 10px;
	column-gap: 1vw;
}

.videoframe {
	align-self: end;
	grid-column-start: 1;
    grid-column-end: 6;
	flex-shrink: 1;
	min-size: 0;
}

.videosize {
	top: 0px;
	width: 60vw !important;
	height: calc((60vw/16)*9) !important;
}

content {
	align-self:center;
	text-align:center;
	color: #fffcea;
	max-width: 1024px;
	font-size: 1.06vw;
}

content p {
	margin: 0.6em auto;
}

content a {
	color: #ffa300;
	text-decoration: underline;
}

content strong {
	font-family: "Poppins", sans-serif !important;
    font-size: 120%;
    color: #ffa300;
    line-height: 1;
}

content em {
	font-family: "Poppins", sans-serif !important;
	color: #ffa300;
	text-transform: capitalize;
    font-style: italic;
	font-weight: 500;
}

content ul {
	list-style-type: square;
}

ul.hori {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
}

.hori li {
  padding-left: 1ch;
}

.hori li:before {
	content: '\00a0\25aa\00a0';
	margin-right: 1ch;
	color:#fff;
}

content ul li {
  margin: 0px 0px 8px;
}

.screens {
	grid-column-start: 1;
	grid-column-end: 6;
	align-self: start;
	text-align:center;
}

.screens img {
	border-style: solid;
	border-color: #ffa300;
	border-width: 1px;
	margin: 0px 10px;
	width: 14vw !important;
	height: calc((14vw/16)*9) !important;
}

.contentleft {
	grid-column-start: 2;
	grid-column-end: 3;
	align-self: start;
	text-align:left;
}

.contentright {
	grid-column-start: 4;
    grid-column-end: 5;
	align-self: center;
	text-align:left;
	
}

.dateline {
    text-align: center;
	font-family: "Poppins", sans-serif !important;
    color: #ffa300;
    line-height: 1.6;
    height: clamp(1.4rem, 5vh, 2rem);
    width: 100%;
	margin-bottom: 4vh;
	grid-column-start: 2;
    grid-column-end: 4;
}

.wishlist {
    font-size: clamp(1.0rem, 3vh, 1.2rem);
    width: 100%;
	text-align: center;
	margin-bottom: 3vh;
}

.wishlist a {
	font-family: "Poppins", sans-serif !important;
	font-size: 200%;
	font-weight: bold;
	display: inline-block;
	background: #ffa300;
	padding: 12px 28px 12px;
	text-transform: uppercase;
	color: #000000;
	border-radius: 16px;
	text-decoration: none;
}

.wishlist a:hover {
    background: #fffcea;
}

footer {
    width: 100%;
    min-height: 1vh;
    text-align: center;
    margin-top: 8vh;
	color: #ffa300;
}

footer p {
	margin-top:1vh;
}

footer nav ul a::after {
    position: absolute;
    content: '';
    display: block;
}

footer nav {
    padding-bottom: 1em;
}

footer nav ul {
    display: flex;
    gap: 35px;
    padding: 0;
    margin: 0;
    list-style: none;
    column-gap: 35px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 15px;
}

footer nav ul a {
    color: #ffa300;
    text-transform: uppercase;
    position: relative;
}

footer nav ul a::after {
    height: 1px;
    background: #ffa300;
    width: 0%;
    transition: width 0.3s ease-in-out;
}

footer nav ul a:hover {
    color: #fffcea;
}

footer nav ul a:hover::after {
    width: 100%;
}
.full-size {
		display: inline-block;
}
.low-size { 
	display: none; 
}

.white-ctr { 
	color: #fffcea; 
	text-align: center; 
	justify-content: center;
	align-self: center;
}​

#yellow-ctr { 
	color: #000000; 
}​

@media and (max-width:680.000px) {
	body {
		background: none;
		background-size: 100% auto;
		background-color: #000000;
	}
}

@media screen and (max-width:1200.000px) {
	body {
		text-align:left;
		padding: 1em;
	}
	
	.full-size {
		display: none;
	}
	
	.low-size { 
		display: inline-block; 
	}
	
	.screens img {
		width: 24vw !important;
		height: calc((24vw/16)*9) !important;
	}
	
	.contentleft { 
		display: none; 
	}
	
    .contentright { 
		display: none; 
	}
	
	fj {
		height: 2em;
		width: 7em;
	}
	
	.xx {
		font-size: 1.4em;
	}

	.aa {
		height: 5.4em;
		width: 8em;
	}
	
	header {
		width: 60%;
		margin-left: 20%;
		column-gap: 20px;
	}
	
	footer {
		width: 60%;
		margin-top: 4vh;
		margin-left: 20%;
	}
	
	footer nav ul {
        row-gap: 25px;
    }
	
	content {
		max-width: 70vw;
		font-size: 1.8vw;
		grid-column-start: 2;
		grid-column-end: 5;
		text-align:left;
	}
	
	content em {
		font-size: 1.8vw;
	}
	
	.wishlist {
		margin-top: 0vh;
		margin-bottom: 4vh;
	}
	
	.wishlist a {
		font-size: 180%;
		padding: 8px 24px 8px;
	}
	
	.videosize {

	}

    .logo {
        position: relative;
		max-width: 90vw;
    }
	
	.dateline {
		margin-top:2em;
		margin-bottom: 3em;
	}
}

@media screen and (min-width:1900.000px) {
	body {
	background: url(media/corgispace_carts_bg_w.png) no-repeat center top;
    background-size: 100% auto;
    background-color: #000000;
}
}