@-o-viewport { width: device-width; zoom: 1; min-zoom: 1; max-zoom: 1; user-zoom: fixed; }
@-ms-viewport { width: device-width; zoom: 1; min-zoom: 1; max-zoom: 1; user-zoom: fixed; }
@viewport { width: device-width; viewport-fit: cover; zoom: 1; min-zoom: 1; max-zoom: 1; user-zoom: fixed; }

@font-face {
	font-family: "Futura Light";
	font-style: italic, oblique;
	src: url('/FuturaLightItalicBT.woff');
	font-display: fallback;
}

@font-face {
	font-family: "Futura Light";
	font-weight: bold;
	font-style: italic, oblique;
	src: url('/FuturaBookItalicBT.woff');
	font-display: fallback;
}
/*
@font-face {
	font-family: "Futura Light";
	font-weight: bold;
	src: url('/FuturaStdExtraBold.woff');
	font-display: fallback;
}
*/
@font-face {
	font-family: "Futura Light";
	font-style: normal;
	font-weight: 400;
	src: url('/FuturaLightBT.woff');
	font-display: fallback;
}

@font-face {
	font-family: "Futura Bold";
	font-style: normal;
	font-weight: 400;
	src: url('FuturaStd-Bold.woff2') format('woff2'), url('FuturaStd-Bold.woff') format('woff');
	font-display: fallback;
}

:root {
	--clean-plate-blue: #337ab7;
	--clean-plate-blue-darker: #3953A4;
	--metaThemeColor: var(--clean-plate-blue);
	accent-color: var(--metaThemeColor);
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
	scrollbar-width: thin;
}

body {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: auto;
	min-height: 100%;
	color: #ffffff;
	background-color: #000000;
	text-align: center;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	
	font-size: 23px;
	line-height: 1.7;
	-ms-overflow-style: scrollbar;
	-ms-touch-action: auto;
	touch-action: auto;
	scroll-behavior: smooth;
    scroll-snap-type: y;
	overflow: auto;
	font-family: "Futura Light", Futura Light, system-ui, -apple-system, -apple-system-font, noto, ubuntu, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif, Segoe UI, 'Segoe UI Symbol', 'emoji';
	//-ms-word-break: break-all;
	//word-break: break-all;
	//word-break: break-word;
	//overflow-wrap: break-word;
	//word-wrap: break-word;
	//-webkit-hyphens: auto;
	//-ms-hyphens: auto;
	//-moz-hyphens: auto;
	//hyphens: auto;
	
	overflow-x: hidden;
}

body {
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);
}

a {
    color: var(--clean-plate-blue);
    text-decoration: none;
}

a:visited {
    //color: var(--clean-plate-blue-darker);
    text-decoration: none;
}

.no-interaction {
	pointer-events: none;
	touch-action: none;

	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;

	nav-index: -1;
	-moz-user-focus: ignore;
	user-focus: ignore;
	-moz-user-input: none;
	user-input: none;
	pointer-events: none;
}

#back-to-top {
    position: relative;
    position: absolute;
    position: fixed;
	//position: sticky;
    bottom: 5px;
    right: 5px;
	bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	right: calc(10px + env(safe-area-inset-right, 0px));
    z-index: 10;
    display: block;
    width: 34px;
    height: 34px;
	font-size: 1.4em;
	font-size: 35px;
    line-height: 48px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid var(--clean-plate-blue-darker);
	border: 1px solid rgba(57, 83, 164, 0.1);
    box-shadow: rgba(0,0,0,0.1) 3px 3px 4px;

	margin-top: 110vh;
	bottom: 0;
	bottom: calc(5px + env(safe-area-inset-bottom, 0px));
}

#back-to-top:hover, #back-to-top:focus {
    border: 1px solid var(--clean-plate-blue-darker);
}

#back-to-top:active {
    border: 1px solid var(--clean-plate-blue-darker);
    line-height: 50px;
}

.blank-space {
	display: block;
	clear: both;
	height: 100vh;
	width: 100%;
}

.home-widget {
	background-color: #000000;
	color: #ffffff;
	width: 100%;
	background-size: cover;
	//background-position: center center;
	background-position-x: center;
	background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-origin: border-box;
	background-clip: border-box;
	position: relative;
	display: block;
	z-index: 1;
}

.fake-out {
	display: block;
	z-index: 0;
	position: relative;
	height: 100vh;
	margin-bottom: -100vh;
	margin-bottom: -115vh;
	border: 0;
	padding: 0;
	background-color: #000000;
}

.no-dots {
	list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.home-widget .article-body {
	background-color: #000000;
	background-color: rgba(0,0,0,0.7);
	margin: 0;
	width: 100%;
	z-index: 1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	//font-family: "Futura Bold", "Futura Light", Futura Light, system-ui, -apple-system, -apple-system-font, noto, ubuntu, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif, Segoe UI, 'Segoe UI Symbol', 'emoji';
	font-family: "Futura Light", Futura Light, system-ui, -apple-system, -apple-system-font, noto, ubuntu, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif, Segoe UI, 'Segoe UI Symbol', 'emoji';
	font-size: 1.3em;
	text-align: left;
	text-align: center;
	line-height: 1.3;
	color: #C5C5C5;
	padding-top: 100px;
	padding-top: calc(100px + 15vw);
    padding-bottom: 10vw;
}

.home-widget .article-body.glass {
	background-color: #000000;
}

.home-widget .article-body .restaurant-logo-box {
    display: block;
}

.home-widget .article-body p:not(.impact), .home-widget .article-body .restaurant-logo-box {
	width: calc(100% - 20px);
    padding: 10px;
}


.home-widget .article-body .restaurant-logo-box svg.icon.restaurant-logo-white {
	width: 80%;
	height: auto;
	max-width: 500px;
}

.home-widget .article-body .black-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,0.7);
}

.home-widget .article-body li {
    padding-bottom: 40px;
}
.home-widget .article-body li b, .home-widget .article-body li em {
    font-weight: 100;
	font-style: normal;
    text-shadow: 0px 1px #fff;
}

.home-widget.static {
	z-index: 0;
	position: relative;
	padding-top: 10px;
}

.home-widget.static .article-body {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: chained;
    overscroll-behavior: auto;
}

.home-widget .category {
	display: none;
	position: relative;
	top: 0;
	background-color: #000000;
	height: 100px;
}

.home-widget .article-body .center {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.section .title {
	position: relative;
	top: 0;
	margin: 0;
	font-weight: 1;
	font-family: "Futura Light", Futura Light, system-ui, -apple-system, -apple-system-font, noto, ubuntu, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif, Segoe UI, 'Segoe UI Symbol', 'emoji';
	background-color: #000000;
	background-color: rgba(0,0,0,0.7);
	overflow: hidden;
	width: 100%;
	z-index: 3;
	height: 100px;
	margin-bottom: -100px;
	margin-top: 100px;
	color: #ffffff;
}

.section .title span {
	text-align: center;
	text-transform: lowercase; /* stop gap solution, change later */
  //overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: block;
  line-height: 1em; /* a */
  max-height: 2em; /* a x number of line to show (ex : 2 line)  */
}

.section .title.screen-ani[data-will-change="true"] span {
	will-change: transform, opacity;
}

.section .title.screen-ani span {
    transition-property: transform, opacity;
    transition-duration: 1s;
	transform-origin: top right;
}

.section .title.screen-ani.offscreen span {
	transform: scaleX(0.1);
	transform: translate3d(100vw, 0px, 0);
}

.section .title.screen-ani.onscreen span {
	transform: scaleX(1);
	transform: translate3d(0px, 0px, 0);
}

.home-widget .starter {
    //font-weight: 800;
	//display: inline-block;
	margin: 0;
	padding: 0;
	min-height: 100px;
	font-size: 1.3em;
	color: #fff;
}
.home-widget .footer {
	position: relative;
	bottom: 100px;
	z-index: -1;
	color: #ffffff;
	width: 80%;
	margin: 50px auto auto auto;
	opacity: 0.7;
}

.home-widget .widget-background {
	display: block;
	z-index: 0;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	object-fit: cover;
    object-position: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.home-widget .widget-background img, .home-widget .widget-background span {
	display: block;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	object-fit: cover;
    object-position: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.home-widget .widget-background .image-big {
	display: none;
}

.logo-container a img {
    width: 100%;
    height: auto;
	//background-color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

.home-widget.invisible-sticky {
	display: none;
}

.home-widget .exp-list {
	list-style: none;
    text-align: left;
	min-height: 70vh;
	margin: 0;
    margin-left: auto;
    margin-right: auto;
	padding: 0;
	padding-left: 1em;
	padding-left: 0.5em;
	padding-top: 90px;
	padding-bottom: 25vh;
	display: flex;
    flex-direction: column;
	width: calc(100% - 0.5em);
}

.home-widget .exp-list li {
	flex-grow: 1;
	margin-bottom: 1em;
}

.home-widget .exp-list li h3 {
	margin: 0;
	margin-bottom: -0.5em;
}

.home-widget .exp-list li sub {
    font-size: 0.6em;
	line-height: 1;
}

.footer-social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

.footer-social li {
	display: inline-block;
}

a[class^="social-"] {
	border: 2px solid rgba(255,255,255,0.5);
    color: #ffffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
	font-size: 0;
	font-weight: 1;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    background-color: #000000;
	background-color: rgba(0,0,0,0.5);
	background-size: 70% 70%;
    background-position: center center;
    background-repeat: no-repeat;
}

a[class^="social-"]:hover, a[class^="social-"]:focus {
	border: 2px solid rgba(255,255,255,0.9);
}

a.social-site {
	background-image: url(icons/web.svg);
}

a.social-facebook {
	background-image: url(icons/facebook.svg);
}

a.social-instagram {
	background-image: url(icons/instagram.svg);
}

a.social-twitter {
	background-image: url(icons/twitter.svg);
}

a.social-google, a.social-gplus {
	background-image: url(icons/google.svg);
}

a.social-yelp {
	background-image: url(icons/yelp.svg);
}

a.social-tripadvisor {
	background-image: url(icons/tripadvisor.svg);
}

.profile-pic {
	display: inline-block;
	width: 128px;
	height: 128px;
	background-color: #000000;
	border-radius: 4px;
	//object-fit: contain;
	//object-position: center center;
	//image-rendering: auto;
	//-ms-interpolation-mode: bicubic;
}

#values-box {
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	position: relative;
    width: 100%;
    height: 500px;
	height: calc(100dvh - 120px);
    /* overflow-x: hidden; */
    border: 0;
    padding: 0;
    margin: 0;
	
    margin-left: -30px; /* mobile hack, delete later */
	padding-bottom: 100px;
}

#values-text {
	display: block;
	width: 50%;
	height: auto;
	height: 100%;
	max-height: 70%;
	max-height: 84vh;
	min-height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25vh;
	position: relative;
	clear: both;
	position: absolute;
    top: 0;
    left: 20%;
}

#values-text #cross {
	position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    display: block;
    width: 100px;
    height: 100px;
    transform-style: preserve-3d;
    transform: scale(0);
}

#values-text span {
    width: 114px;
    height: 114px;
}

#values-text span {
    display: block;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    width: 100px;
    height: 100px;
	border-radius: 50%;
	color: #fff;
	background-color: var(--clean-plate-blue-darker);
	background-image: linear-gradient(360deg, var(--clean-plate-blue-darker), #9ec5f9);
    background-position: 0;
	position: absolute;
	box-shadow: 0px 0px 10px rgba(0px, 0px, 0px, 0.2);
	top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
}

#values-text span h1 {
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
	font-size: 18px;
	font-size: 1.5em;
    //font-size: 2.1cqw;
}

/* IE hacks */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#center-path-text, #left-path-text, #right-path-text, #top-path-text, #bottom-path-text {
		display: block;
	}
}

/* Safari hacks */
@supports (-webkit-appearance: -apple-pay-button) or (-apple-pay-button-type: donate) or (-apple-pay-button-style: black) {
	#center-path-text, #left-path-text, #right-path-text, #top-path-text, #bottom-path-text {
		display: block;
	}
}

#values-text {
    z-index: 9;
}

#values-text span, #values-text #cross {
    transition-property: transform, opacity;
    transition-duration: 1s;
	transition-delay: 0.6s;
	transform-origin: center;
}

#values-text.onscreen {
	will-change: transform, opacity;
}

#values-text.offscreen #cross {
	transform: scale(0.1);
}

#values-text.onscreen #cross {
	transform: scale(3);
}

#values-text.offscreen span {
    transform: translate3d(0, 0, 0);
}

#values-text.onscreen #left-text {
	transform: translate3d(-120px, 0, 0);
}

#values-text.onscreen #right-text {
	transform: translate3d(120px, 0, 0);
}

#values-text.onscreen #left-top-text {
	transform: translate3d(-120px, -70px, 0);
}

#values-text.onscreen #right-top-text {
	transform: translate3d(120px, -70px, 0);
}

#values-text.onscreen #left-bottom-text {
	transform: translate3d(-120px, 70px, 0);
}

#values-text.onscreen #right-bottom-text {
	transform: translate3d(120px, 70px, 0);
}

#values-text.onscreen #top-text {
	transform: translate3d(0,-150px,0);
}

#values-text.onscreen #bottom-text {
	transform: translate3d(0, 150px, 0);
}

#Vision .article-body {
	text-align: center;
}

#header {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-size: cover;
    background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	z-index: 9;
	margin: 0;
	padding: 0;
	min-height: 100vh;
}

#header #navbar {
	//transition-property: transform, flex, height;
	//transition-duration: 1s;
	//transform-origin: 0 0;
	height: auto;
	//flex: 1;
	overflow: hidden;
}

#header #navbar #menu {
	//background-image: linear-gradient(rgba(0,0,0,0.7) 1%, transparent);
	display: block;
	text-align: center;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

#header #navbar #menu li a {
	display: block;
    width: 100%;
    height: auto;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
	position: relative;
}

#header #navbar #menu li a[aria-current="page"] {
	//font-weight: bold;
}

#header #navbar #menu li a[aria-current="page"]::before, #header #navbar #menu li a[aria-current="page"]::after {
	position: absolute;
	top: 15%;
}

#header #navbar #menu li a[aria-current="page"]::before {
	content: '• ';
	left: -10px;
}

#header #navbar #menu li a[aria-current="page"]::after {
	content: ' •';
	right: -10px;
}

#header #navbar #menu li a:hover, #header #navbar #menu li a:focus, #header #navbar #menu li a:active {
	background-image: none;
	background-color: rgba(255,255,255,0.5);
}

#header #navbar #menu li a:active {
	color: #ffffff;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,0.5);
}

#header #nav-toggle, #header label[for="nav-toggle"] { /* temporary */
	position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: -1;
	visibility: hidden;
	opacity: 0;
	width: 0px;
	height: 0px;
	border: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	display: none;
}

#header .widget-background {
    position: absolute;
    z-index: 0;
    height: 100%;
    margin-bottom: 0;
}

#header .logo, #header #logo-placeholder {
	display: inline-block;
	max-width: 100%;
    width: 400px;
    height: 400px;
}

#header #logo-placeholder {
	display: block;
    mix-blend-mode: overlay;
    position: relative;
    margin-left: auto;
	margin-right: auto;
    width: 400px;
    height: 400px;
	opacity: 0.1;
	transition-property: opacity;
	transition-duration: 1s;
}

#logo-placeholder svg {
	width: 100%;
	height: 100%;
}

#logo-placeholder svg path {
	stroke: #fff;
    stroke-width: 20px;
}

#top {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
	opacity: 0;
}

#header #top-logo {
    display: block;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: -400px;
	//mix-blend-mode: difference;
}

#header #top-logo {
    display: block;
    clear: both;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: -400px;
    z-index: 9;
    transition-property: transform, opacity;
    transition-duration: 1s;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.logo img, #header .logo img, #header .logo svg {
	width: 100%;
	height: 100%;
	border: none;
}

.restaurant-logo {
	display: block;
	margin-left: auto;
    margin-right: auto;
    width: 100%;
	height: auto;
}

.restaurant-logo img, .restaurant-logo picture {
	width: 100%;
	height: auto;
	max-height: 500px;
}

.restaurant-logo.white-bg {
	background-color: #ffffff;
    background-color: rgba(255,255,255,0.9);
    border-radius: 4px;
    backdrop-filter: blur(2px);
}

#header .logo svg path {
	fill: #ffffff;
	//stroke: rgba(0,0,0,0.3);
    //stroke-width: 50px;
	stroke-linejoin: round;
    stroke-linecap: round;
	//mix-blend-mode: difference;
}

#footer {
	height: 170px;
	margin-top: -170px;
	margin-top: -100vh;
    background-color: transparent;
}

#footer.home-widget .article-body {
	background-image: linear-gradient(rgba(0,0,0,0), #000000);
    background-color: transparent;
	font-family: "Futura Light", Futura Light, system-ui, -apple-system, -apple-system-font, noto, ubuntu, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif, Segoe UI, 'Segoe UI Symbol', 'emoji';
	text-align: center;
}


#footer a.logo svg {
	max-width: 100%;
    height: 100px;
    width: auto;
}

#footer a.logo svg path {
	fill: #ffffff;
	stroke: rgba(0,0,0,0.3);
    stroke-width: 50px;
}

#footer a.logo:hover svg path,
#footer a.logo:active svg path {
	fill: var(--clean-plate-blue);
}

/*#footer .article-body #monochrome-logos a:hover svg path,
#footer .article-body #monochrome-logos a:active svg path,
#footer .article-body #monochrome-logos a:hover svg polygon,
#footer .article-body #monochrome-logos a:active svg polygon,
#footer .article-body #monochrome-logos a:hover svg rect,
#footer .article-body #monochrome-logos a:active svg rect,*/
.restaurant-logo-box a:hover svg path,
.restaurant-logo-box a:active svg path,
.restaurant-logo-box a:hover svg polygon,
.restaurant-logo-box a:active svg polygon,
.restaurant-logo-box a:hover svg rect,
.restaurant-logo-box a:active svg rect {
	fill: var(--clean-plate-blue);
	stroke: var(--clean-plate-blue);
	stroke-width: 0px;
}

/* Ford4D Image Styles */

.drink1 {
	background-image: url('img/NS-DRINKS01-Mobile-VH.jpg')}

.croi1 {
	background-image: url('img/NS-EggBacon01-Mobile-VH.jpg')}

.pizza1 {
	background-image: url('img/NS-Pizza01-Mobile-VH.jpg')}

.pizza2 {
	background-image: url('img/NS-Pizza02-Mobile-VH.jpg')}

.pizza3 {
	background-image: url('img/NS-Pizza03-Mobile-VH.jpg')}

.finefish1 {
	background-image: url('img/NS-FineFish01-Mobile-VH.jpg')}

.pasta1 {
	background-image: url('img/NS-PASTA01-Mobile-VH.jpg')}

.toast1 {
	background-image: url('img/NS-Toast01-Mobile-VH.jpg')}

.spread1 {
	background-image: url('img/NS-SPREAD01-Mobile-VH.jpg')}

.spread2 {
	background-image: url('img/NS-SPREAD02-Mobile-VH.jpg')}

.spread3 {
	background-image: url('img/NS-SPREAD03-Mobile-VH.jpg')}

.spread4 {
	background-image: url('img/NS-SPREAD04-Mobile-VH.jpg')}

.spread5 {
	background-image: url('img/NS-SPREAD05-Mobile-VH.jpg');}

.beer1 {
	background-image: url('img/NS-Beer-Mobile-VH.jpg')}

.cannoli1 {
	background-image: url('img/NS-Cannoli-Mobile-VH.jpg')}

.quiche1 {
	background-image: url('img/NS-Quiche01-Mobile-VH.jpg')}

.salad1 {
	background-image: url('img/NS-Salad01-Mobile-VH.jpg')}

.salad2 {
	background-image: url('img/NS-Salad02-Mobile-VH.jpg')}

.salad3 {
	background-image: url('img/NS-Salad03-Mobile-VH.jpg')}

.salad4 {
	background-image: url('img/NS-Salad04-Mobile-VH.jpg')}

.tuna1 {
	background-image: url('img/NS-TUNA-TARTARE-Mobile-VH.jpg')}

.limes1 {
	background-image: url('img/Limes1-compressed.jpg');}
	
.slider1 {
	background-image: url('img/slider-1-from-Lolas-Burrito-Joint.jpg');}
	
.sushi1 {
	background-image: url('img/NS-Sushi-Mobile-VH.jpg');}

.sandwich1 {
	background-image: url('img/NS-Sandwich01-Mobile-VH.jpg');}

.ramen1 {
	background-image: url('img/NS-Ramen1-Mobile-VH.jpg');}

.burgers1 {
	background-image: url('img/NS-Burgers-Mobile-VH.jpg');}

.burgers2 {
	background-image: url('img/NS-Burgers2-Mobile-VH.jpg');}
	
.fireplace1 {
	background-image: url('img/NS-Fireplace-Mobile-VH.jpg');}
	
#Overview .widget-background {
}
	
#Carmines .widget-background {
	background-image: url('img/carmines-pizza-ricotta.jpg');}

#Lola .widget-background, .corn1 {
	background-image: url('img/NS-lolas-entrance-Mobile-VH.jpg'); background-image: url('img/NS-Corn-Mobile-VH.jpg');}

#Sono .widget-background {
	background-image: url('img/NS-sono-entrance-Mobile-VH.jpg');}

#Joes .widget-background {
	background-image: url('img/OliveTree-Slide2.jpg');}
	
#BigViewDiner .widget-background {
	background-image: url('img/bigview-plate.jpg');}

#HamburgerInn .widget-background {
	background-image: url('img/NS-hamburger-inn-turkey-club-Mobile-VH.jpg');}

#NorthEndKitchen .widget-background, #NOCA .widget-background {
	background-image: url('img/NS-noca-roasted-atlantic-salmon-oscar-MOBILE-VH.jpg');}

#Monterey .widget-background {
	background-image: url('img/NS-monterey-grill-entrance-Mobile-VH.jpg');}

#LolaBurgerBar .widget-background {
	background-image: url('img/NS-lolas-burger-jalisco-Mobile-VH.jpg');}
	
#LolasCantina .widget-background {
	background-image: url('img/saladtrio-1.jpg')}

#MoonDog .widget-background {
	background-image: url('img/NS-mdph-Mobile-VH.jpg'); background-image: url('img/mdph-pie-web.jpg');}

#Malibu .widget-background {
	background-image: url('img/NS-SPREAD04-Mobile-VH.jpg')}

#Docs .widget-background {
	background-image: url('img/NS-docs-table-Mobile-VH.jpg');}

#Zest .widget-background {
	background-image: url('img/NS-zest-table-Mobile-VH.jpg');}

#MarketPlace .widget-background {
	background-image: url('img/NS-marketplace-entrance-Mobile-VH.jpg');}

/* min-width 768px */
@media only screen and (min-width: 768px) {
/* Ford4D Image Styles Media Queries */

    .drink1 {
    background-image: url('img/NS-DRINKS01-Desktop-VH.jpg');}

    .croi1 {
        background-image: url('img/NS-EggBacon01-Desktop-VH.jpg')}

    .pizza1 {
        background-image: url('img/NS-Pizza01-Desktop-VH.jpg')}

    .pizza2 {
        background-image: url('img/NS-Pizza02-Desktop-VH.jpg')}

    .pizza3 {
        background-image: url('img/NS-Pizza03-Desktop-VH.jpg')}

    .finefish1 {
        background-image: url('img/NS-FineFish01-Desktop-VH.jpg')}

    .pasta1 {
        background-image: url('img/NS-PASTA01-Desktop-VH.jpg')}

    .toast1 {
        background-image: url('img/NS-Toast01-Desktop-VH.jpg')}

    .spread1 {
        background-image: url('img/NS-SPREAD01-Desktop-VH.jpg')}

    .spread2 {
        background-image: url('img/NS-SPREAD02-Desktop-VH.jpg')}

    .spread3 {
        background-image: url('img/NS-SPREAD03-Desktop-VH.jpg')}

    .spread4 {
        background-image: url('img/NS-SPREAD04-Desktop-VH.jpg')}

    .spread5 {
        background-image: url('img/NS-SPREAD05-Desktop-VH.jpg')}

    .beer1 {
        background-image: url('img/NS-Beer-Desktop-VH.jpg')}

    .cannoli1 {
        background-image: url('img/NS-Cannoli-Desktop-VH.jpg')}

    .quiche1 {
        background-image: url('img/NS-Quiche01-Desktop-VH.jpg')}

    .salad1 {
        background-image: url('img/NS-Salad01-Desktop-VH.jpg')}

    .salad2 {
        background-image: url('img/NS-Salad02-Desktop-VH.jpg')}

    .salad3 {
        background-image: url('img/NS-Salad03-Desktop-VH.jpg')}

	.salad4 {
		background-image: url('img/NS-Salad04-Desktop-VH.jpg')}

    .tuna1 {
        background-image: url('img/NS-TUNA-TARTARE-Desktop-VH.jpg')}
		
	.limes1 {
		background-image: url('img/Limes1-compressed.jpg');}
		
	.sushi1 {
		background-image: url('img/NS-Sushi-Desktop-VH.jpg');}
		
	.sandwich1 {
	background-image: url('img/NS-Sandwich01-Desktop-VH.jpg');}
	
	.ramen1 {
		background-image: url('img/NS-Ramen1-Desktop-VH.jpg');}

	.burgers1 {
		background-image: url('img/NS-Burgers-Desktop-VH.jpg');}

	.burgers2 {
		background-image: url('img/NS-Burgers2-Desktop-VH.jpg');}
	
	.fireplace1 {
		background-image: url('img/NS-Fireplace-Desktop-VH.jpg');}
	
	#Carmines .widget-background {
		//background-image: url('img/Carmines-Slide2.jpg');}

	#Lola .widget-background, .corn1 {
		background-image: url('img/NS-lolas-entrance-Desktop-VH.jpg'); background-image: url('img/NS-Corn-Desktop-VH.jpg');}

	#Sono .widget-background {
		background-image: url('img/NS-sono-entrance-Desktop-VH.jpg');}

	#Joes .widget-background {
		background-image: url('img/OliveTree-Slide2.jpg');}

	#BigViewDiner .widget-background {
		background-image: url('img/bigview-plate.jpg');}

	#HamburgerInn .widget-background {
		background-image: url('img/NS-hamburger-inn-turkey-club-Desktop-VH.jpg');}

	#NorthEndKitchen .widget-background, #NOCA .widget-background {
		background-image: url('img/NS-noca-roasted-atlantic-salmon-oscar-DESKTOP-VH.jpg')}

	#Monterey .widget-background {
		background-image: url('img/NS-monterey-grill-entrance-Desktop-VH.jpg');}

	#LolaBurgerBar .widget-background {
		background-image: url('img/NS-lolas-burger-jalisco-Desktop-VH.jpg');}

	#MoonDog .widget-background {
		/* background-image: url('img/NS-mdph-Desktop-VH.jpg'); background-image: url('img/mdph-pie-web.jpg'); */}

	#Malibu .widget-background {
	    background-image: url('img/NS-SPREAD04-Desktop-VH.jpg')}

	#Docs .widget-background {
		background-image: url('img/NS-docs-table-Desktop-VH.jpg');}

	#Zest .widget-background {
		background-image: url('img/NS-zest-table-Desktop-VH.jpg');}

	#MarketPlace .widget-background {
		background-image: url('img/NS-marketplace-entrance-Desktop-VH.jpg');}	

	.logo-container a img {
		width: 20%;
		height: auto;
		padding: 4px;
		border-radius: 2px;
		margin-left: 10px;
	}
	
	.home-widget.static .article-body {
		width: 80%;
	}
	
	.home-widget .article-body p:not(.impact), .home-widget .article-body ul, .home-widget .article-body .restaurant-logo-box {
		width: calc(50% - 0.5em);
		margin-left: auto;
		margin-right: auto;
	}
	
	.home-widget .exp-list {
		width: calc(50% - 0.5em);
	}
	
	#header #navbar #menu {
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		justify-content: space-evenly;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1px;
		padding-bottom: 1px;
		background-color: rgba(255,255,255,0.7);
	}
	
	#header #navbar #menu li {
		display: inline-block;
		min-width: 300px;
	}
	
	#header #navbar #menu li a {
		padding: 4px;
		border-radius: 4px;
		background-color: transparent;
	}

	.home-widget .widget-background img {
		//display: none;
	}

	.home-widget .widget-background .image-mobile {
		z-index: -1;
	}

	.home-widget .widget-background .image-big {
		display: block;
	}

	#values-box {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		position: relative;
		width: 100%;
		/* overflow-x: hidden; */
		border: 0;
		margin: 0;
	}

	#values-text {
		display: block;
		width: 50%;
		max-height: 70%;
		max-height: 84vh;
		min-height: 200px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 25vh;
		position: relative;
		clear: both;
		position: absolute;
		top: 0;
		left: 20%;
	}

	#values-text #cross {
		position: absolute;
		top: 50%;
		left: 50%;
		right: 50%;
		bottom: 50%;
		display: block;
		width: 150px;
		height: 150px;
		transform-style: preserve-3d;
		transform: scale(0);
	}
/*
	#values-text span {
		width: 114px;
		height: 114px;
	}
*/
	#values-text span {
		display: block;
		text-align: center;
		font-size: 18px;
		overflow: hidden;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		color: #fff;
		background-color: var(--clean-plate-blue-darker);
		background-image: linear-gradient(360deg, var(--clean-plate-blue-darker), #9ec5f9);
		background-position: 0;
		position: absolute;
		box-shadow: 0px 0px 10px rgba(0px, 0px, 0px, 0.2);
		top: 50%;
		left: 50%;
		right: 50%;
		bottom: 50%;
	}

	#values-text span h1 {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: auto;
	}

	#values-text {
		z-index: 9;
	}

	#values-text span, #values-text #cross {
		transition-property: transform, opacity;
		transition-duration: 1s;
		transition-delay: 0.6s;
		transform-origin: center;
	}

	#values-text.onscreen {
		will-change: transform, opacity;
	}

	#values-text.offscreen #cross {
		transform: scale(0.1);
	}

	#values-text.onscreen #cross {
		transform: scale(3);
	}

	#values-text.offscreen span {
		transform: translate3d(0, 0, 0);
	}

	#values-text.onscreen #left-text {
		transform: translate3d(-200px, 0, 0);
	}

	#values-text.onscreen #right-text {
		transform: translate3d(200px, 0px, 0);
	}

	#values-text.onscreen #left-top-text {
		transform: translate3d(-200px, -120px, 0);
	}

	#values-text.onscreen #right-top-text {
		transform: translate3d(200px, -120px, 0);
	}

	#values-text.onscreen #left-bottom-text {
		transform: translate3d(-200px, 120px, 0);
	}

	#values-text.onscreen #right-bottom-text {
		transform: translate3d(200px, 120px, 0);
	}

	#values-text.onscreen #top-text {
		transform: translate3d(0,-200px,0);
	}

	#values-text.onscreen #bottom-text {
		transform: translate3d(0, 200px, 0);
	}

	#Vision .article-body {
		text-align: center;
	}

}

/* Sticky */
@supports (position: sticky) or (position: -webkit-sticky) {
	.home-widget .category,
	.section .title,
	.home-widget .footer {
		position: -webkit-sticky;
		position: sticky;
	}
	
	.home-widget.sticky-bg .widget-background {
		display: block;
		z-index: 0;
		background-attachment: scroll;
		position: -webkit-sticky;
		position: sticky;
		height: 100vh;
		margin-bottom: -100vh;
	}
	
	.home-widget.static {
		z-index: 0;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
	}
	
	.home-widget.static .title {
		height: 12vh;
	}

	.home-widget.static .article-body {
		position: absolute;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
		height: 100vh;
		height: calc(98vh - 10px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-ms-scroll-chaining: chained;
		overscroll-behavior: auto;
		font-size: min(1em, 4vh);
		font-size: clamp(1vmin, 1em, 4vmax);
		text-align: left;
		color: #fff;
		line-height: 1.3;
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-top: calc(100px + 15vw);
	}
	
	.home-widget.invisible-sticky {
		z-index: 0;
		height: 100vh;
		overflow: hidden;
		//margin-top: -100vh;
	}
	
	@media only screen and (min-width: 768px) {
		.home-widget.static .article-body {
			width: calc(50% - 40px);
			height: calc(98vh - 10px);
			padding-top: calc(100px + 15vw);
		}
	}
}

/* Flexbox */
@supports (display: flex) or (display: -ms-flexbox) or (display: -webkit-flex) or (display: -webkit-box) or (display: -moz-box) {
	.restaurant-logo {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		
		-webkit-box-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;

		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.section .title {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		
		-webkit-box-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;

		-webkit-box-pack: space-between;
		-webkit-justify-content: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
		
		align-content: flex-start;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	
	.section .title > i {
		order: 1;
		flex-grow: 1;
		flex-basis: 80px;
		display: block;
		width: 80px;
		height: 80px;
	}
	
	.section .title > u {
		order: 3;
		flex-grow: 1;
		flex-shrink: 3;
		flex-basis: 0;
		display: block;
		width: 80px;
		height: 80px;
	}
	
	.section .title > span {
		order: 2;
		flex-grow: 3;
	}
	@media only screen and (min-width: 768px) {
		.section .title > i {
			flex-basis: 0px;
			width: 0px;
		}
	}
}

/* Scroll glow */
@supports ((position: sticky) and (background-attachment: local) and (not (-ms-ime-align:auto))) or ((position: -webkit-sticky) and (background-attachment: local) and (not (-ms-ime-align:auto))) {
	.home-widget.static .article-body {
			background:
			/* Shadow covers */
			linear-gradient(#000 30%, rgba(255,255,255,0)),
			linear-gradient(rgba(255,255,255,0), #000 70%) 0 100%,
			
			/* Shadows */
			radial-gradient(50% 0, farthest-side, rgba(255,255,255,.2), rgba(0,0,0,0)),
			radial-gradient(50% 100%,farthest-side, rgba(255,255,255,.2), rgba(0,0,0,0)) 0 100%;
			background:
			/* Shadow covers */
			linear-gradient(#000 30%, rgba(255,255,255,0)),
			linear-gradient(rgba(255,255,255,0), #000 70%) 0 100%,
			
			/* Shadows */
			radial-gradient(farthest-side at 50% 0, rgba(255,255,255,.2), rgba(0,0,0,0)),
			radial-gradient(farthest-side at 50% 100%, rgba(255,255,255,.2), rgba(0,0,0,0)) 0 100%;
			background-repeat: no-repeat;
			background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
		
		/* Opera doesn't support this in the shorthand */
		background-attachment: local, local, scroll, scroll;
	}
}

/* Blur and Glass effect */
@supports ((backdrop-filter: blur(5px)) or (-webkit-backdrop-filter: blur(5px))) {
	.title {
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}

	.home-widget .article-body.glass {
		background-color: transparent;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}
}

/* Target browsers other than iOS Safari */
@supports (not (-webkit-touch-callout: default)) and (position: sticky) {
	.home-widget .widget-background {
		background-attachment: fixed;
		position: -webkit-sticky;
		position: sticky;
		height: 100vh;
		margin-bottom: -100vh;
	}
	
	.home-widget.sticky-bg .widget-background {
		background-attachment: scroll;
	}
}

/* Target iOS Safari 12 & 13 */
@supports ((-webkit-tap-highlight-color: red) and (position: -webkit-sticky) and (not (position: sticky))) or ((-apple-pay-button-style: black) and (-webkit-tap-highlight-color: red) and (position: -webkit-sticky) and (position: sticky)) {
	/* Disappearing text Fix */
	.home-widget .article-body {
		transform: translate3d(0px, 0, 0);
		-webkit-transform: translate3d(0px, 0, 0);
	}
	
	#footer {
		position: sticky;
		bottom: 0;
	}
	
	.home-widget .widget-background {
		background-attachment: scroll;
		position: -webkit-sticky;
		position: sticky;
		height: 100vh;
		margin-bottom: -100vh;
	}
	
	.home-widget.sticky-bg .widget-background {
		display: block;
		z-index: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: scroll;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100vh;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
		margin-bottom: -100vh;
	}
	/*
	@supports ((-webkit-overflow-scrolling: touch) and (position: -webkit-sticky) and (not (position: sticky))) or ((font-family: -apple-system) and (-webkit-appearance: -apple-pay-button) and (background: conic-gradient(#fff, #000)) and (position: -webkit-sticky) and (not (position: sticky))) {
		*/
}

/* Fixes for EdgeHTML */
@supports (-ms-ime-align:auto) and (position: sticky) {
	
}

/* Scrollbars */
@media only screen {
	html, body {
		-ms-overflow-style: -ms-autohiding-scrollbar;
		scrollbar-3dlight-color: #3A3A3A;
		scrollbar-arrow-color: #eeeeee;
		scrollbar-base-color: #3A3A3A;
		scrollbar-darkshadow-color: #3A3A3A;
		scrollbar-face-color: #eeeeee;
		scrollbar-highlight-color: #3A3A3A;
		scrollbar-shadow-color: #3A3A3A;
		scrollbar-track-color: #000000;
		-ms-scrollbar-3dlight-color: #3A3A3A;
		-ms-scrollbar-arrow-color: #eeeeee;
		-ms-scrollbar-base-color: #3A3A3A;
		-ms-scrollbar-darkshadow-color: #3A3A3A;
		-ms-scrollbar-face-color: #eeeeee;
		-ms-scrollbar-highlight-color: #3A3A3A;
		-ms-scrollbar-shadow-color: #3A3A3A;
		-ms-scrollbar-track-color: #000000;
		scrollbar-color: #eeeeee #000000;
		scrollbar-width: thin;
	}

	::-webkit-scrollbar {
		width: 8px;
		height: 8px;
		background-color: transparent;
	}

	::-webkit-scrollbar-thumb {
		background-color: #eeeeee;
		background-image: linear-gradient(to left, rgba(0,0,0,0.5) 0, transparent 20%);
		border-radius: 8px;
	}

	::-webkit-scrollbar-track {
		background-color: transparent;
	}
	
	.home-widget.static .article-body {
		-ms-overflow-style: -ms-autohiding-scrollbar;
		scrollbar-3dlight-color: #3A3A3A;
		scrollbar-arrow-color: #eeeeee;
		scrollbar-base-color: #3A3A3A;
		scrollbar-darkshadow-color: #3A3A3A;
		scrollbar-face-color: #eeeeee;
		scrollbar-highlight-color: #3A3A3A;
		scrollbar-shadow-color: #3A3A3A;
		scrollbar-track-color: #000000;
		-ms-scrollbar-3dlight-color: #3A3A3A;
		-ms-scrollbar-arrow-color: #eeeeee;
		-ms-scrollbar-base-color: #3A3A3A;
		-ms-scrollbar-darkshadow-color: #3A3A3A;
		-ms-scrollbar-face-color: #eeeeee;
		-ms-scrollbar-highlight-color: #3A3A3A;
		-ms-scrollbar-shadow-color: #3A3A3A;
		-ms-scrollbar-track-color: #000000;
		scrollbar-color: #eeeeee #000000;
		scrollbar-width: thin;
	}

	.home-widget.static .article-body::-webkit-scrollbar {
		width: 8px;
		height: 8px;
		background-color: #000000;
	}

	.home-widget.static .article-body::-webkit-scrollbar-thumb {
		background-color: #000000;
		border-width: 1px;
		border-style: solid;
		border-color: #ffffff;
		border-radius: 8px;
	}

	.home-widget.static .article-body::-webkit-scrollbar-track {
		background-color: #000000;
	}
}

/* Scroll animations */
	@supports(animation-timeline: view()) {

		@keyframes animate-in {
			0% { opacity: 1; }
			100% { opacity: 1; }
		}

		@keyframes animate-out {
			0% { opacity: 1; }
			100% { opacity: 0.1; }
		}

		@keyframes placeholder-fade-in {
			0% { opacity: 0; }
			100% { opacity: 0.1; }
		}

		@keyframes placeholder-fade-out {
			0% { opacity: 0.1; }
			100% { opacity: 0; }
		}

		@keyframes logo-grow {
			0% { transform: scale(0.2); }
			100% { transform: scale(1); position: absolute; }
		}

		@keyframes logo-shrink-mobile {
			0% { transform: scale(1); }
			1% { position: fixed; }
			100% { transform: scale(0.2); transform: translate3d(-36vw, -150px, 0) scale(0.2); position: fixed; }
		}

		@keyframes logo-shrink-big {
			0% { transform: scale(1); }
			1% { position: fixed; }
			100% { transform: scale(0.2); transform: translate3d(calc(-40vw + 160px), -142px, 0) scale(0.2); position: fixed; }
		}

		#header.onscreen #top-logo {
			animation: logo-grow linear forwards, logo-shrink-mobile linear forwards;
			animation-timeline: view();
			animation-range: entry, exit;
			animation-fill-mode: both;
		}

		.article-body .black-bg {
			background-color: #0000000;
			animation: animate-in linear forwards, animate-out linear forwards;
			animation-timeline: view();
			animation-range: entry, exit;
		}

		#header.onscreen #logo-placeholder {
			animation: placeholder-fade-in linear forwards, placeholder-fade-out linear forwards;
			animation-timeline: view();
			animation-range: entry, exit;
		}

		#header.offscreen #top-logo {
			position: fixed;
			transform: translate3d(-36vw, -150px, 0) scale(0.2);
		}

		@media only screen and (min-width: 768px) {
			#header.onscreen #top-logo {
				animation: logo-grow linear forwards, logo-shrink-big linear forwards;
				animation-timeline: view();
				animation-range: entry, exit;
				animation-fill-mode: both;
			}

			#header.offscreen #top-logo {
				transform: translate3d(calc(-40vw + 160px), -142px, 0) scale(0.2);
			}
		}
	}

	@supports not (animation-timeline: view()) {
		#header.offscreen #logo-placeholder {
			opacity: 0;
		}

		#header.offscreen #top-logo {
			position: fixed;
		}

		#top.onscreen + #top-logo {
			position: fixed;
			transform: translate3d(0px, 0px, 0px) scale(1);
		}

		#top.offscreen + #top-logo {
			position: fixed;
			transform: translate3d(-150px, -150px, 0) scale(0.2);
			transform: translate3d(-36vw, -150px, 0) scale(0.2);
		}

		@media only screen and (min-width: 768px) {
			#top.offscreen + #top-logo {
				transform: translate3d(calc(-40vw + 160px), -142px, 0) scale(0.2);
			}
		}
	}

* {
	//transition-property: all;
	//transition-duration: 10ms;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
    animation-delay: 0s !important;
	transition-delay: 0s !important;
	scroll-behavior: auto !important;
  }
}