html{
	scroll-snap-type: mandatory;
	/****	scroll-snap-points-y: repeat(100vh);   *****/
		scroll-snap-type: y mandatory;
		scroll-snap-stop:normal;
}


/****************************** Title *******************************/
#page-wrapper{
}

#title-wrapper{
	position:absolute;
	left:0;
	width:100%;
	height:; /**** CONTROLLED BY JS IN HTML DOC ****/
	min-height:;
	padding-top:18vh;
	background-color:;
	z-index:100;
	pointer-events:none;
}

.title-scale{
	top:15px;
	margin-left:auto;
	margin-right:auto;
	width:calc(80vh * .66666);
	max-width:100vw;
	background-color:;
	position: -webkit-sticky;
	position: sticky;

}

#title{
	display:;
	margin-left:-25%;
	margin-right:auto;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	background-color:;
	width:250px;
	pointer-events:auto;
	background-color:;
}

#title.resize{
	width:110px !important;
	transition: 1.0s !important;
}

/****************************** Subcontent Title *******************************/

.section-title-wrapper{
	position:fixed;
	background-color:;
	width:100vw;
	height:100vh;
	z-index:50;
	pointer-events:none;
}
.section-title-underlay {
	color: #000;
	font-size:30px;
	display:block;
	opacity: 1;
	z-index:1000;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width:100%;
	pointer-events: none;
	background-color:;
	position:absolute;
	text-align:center;
	font-family: ;
	font-size:7vw;
	font-weight:700;
	line-height:80%;
	color:#303030;
}

.hideme{
    opacity:0;
}

/****************************** Content *******************************/

.landing-section{
	position:fixed;
	width:calc(80vh * .66666);
	height:80vh;/**********backup*********/
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	z-index:-10;
}

.section__hero {
  height: 100%;
  position: relative;
}

.crossFade__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: all 2s ease-in-out;
}

.crossFade__image--active {
  opacity: .8;
}


.landing-section.active{
	opacity:0;
	transition: 1.0s;
}

.landingpage-place-holder{
	position:relative;
	width:100%;
	height:100%;
}

/*********************************** SECTIONS ***********************************/
.child-wrapper{
	background-color:#fff;
}
#index-snapscroll{
	scroll-snap-align: center;
}
#index-snapscroll-end{
	scroll-snap-align: end;
}


section.section1{
	position:relative;
	width:100%;
	height:100vh;
	min-height:300px;
	max-width:1600px;
	justify-content: center;
	align-items: center;
	overflow:hidden;
	margin:0 auto;
}

section.category{
	position:relative;
	width:100%;
	max-width:1200px;
	justify-content: center;
	align-items: center;
	overflow:hidden;
	margin:0 auto;
}


.section-wrapper{
	width:100%;
	height:100%;
	padding-right:100px;
	padding-left:100px;
	position:absolute;
	margin:0 auto;
	background-color:;
}

.section-image{
	position:relative;
	overflow:hidden;
	opacity:.65;
	max-width:600px;
	max-height:600px;
	background-color:;
	top: 50%;
	border:20px solid #fff;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.section-image img{
	width:100%;
	height:100%;
	object-fit:cover;
   /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: grayscale(100%); /* IE5+ */
      -webkit-filter:grayscale(100%); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  
}

.right{
	float:right;
}
.left{
	float:left;
}

.section-image img:hover{
	filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
}


section.spacer{		/***HEIGHT BASED PER MEDIA QUERIES***/
	border-style:none;			
}


/****************************** Media Screen (<767px) *******************************/


@media screen and (max-width: 767px){
html{
	scroll-snap-type: none;
	/****	scroll-snap-points-y: repeat(100vh);   *****/
}
.landing-section{
	width:calc(60svh * .66666);
	height:60svh;
	/********height:60vh;**backup*********/
	left: 50%;
	top:20svh;
	transform: translateX(-50%);
}
#title{
	margin-left:0%;
	width:160px;
}
#title.resize{
	margin-left:5%;
}
#title-wrapper{
	padding-top:28vh;
}

.section-wrapper{
	padding-right:0px;
	padding-left:0px;
}
section.category{
	height:95vw;
}
.section-image{
	width:70vw;
	height:70vw;	
}

.section-title-underlay {
	font-size:10vw;
}
.section-image img{
	border:0px solid #fff;
}
section.spacer{
	height:calc(((100vh - 95vw) / 2) - 120px);			/***SUBTRACT SECTION.CATEGORY HEIGHT AND FOOTER HEIGHT***/
}
}

/***************************** Media Screen (767px<x>1023) **************************/

@media screen and (min-width: 768px) and (max-width: 1200px){
section.category{
		height:70vh;
}
.section-image{
		width:55vw;
		height:55vw;	
}
.section-image img{
	border:15px solid #fff;
}
section.spacer{
	height:calc(((100vh - 70vh) / 2) - 120px);			/***SUBTRACT SECTION.CATEGORY HEIGHT AND FOOTER HEIGHT***/
}
}

/****************************** Media Screen (>1201px) ******************************/

@media screen and (min-width: 1201px){
section.category{
		height:70vh;
}
.section-image{
		width:65vw;
		height:65vw;	
}
.section-image img{
	border:15px solid #fff;
}

section.spacer{
	height:calc(((100vh - 70vh) / 2) - 120px);			/***SUBTRACT SECTION.CATEGORY HEIGHT AND FOOTER HEIGHT***/
}
}