/* Wrapper */

	#wrapper {
		min-height: 100vh;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: row;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: inherit;
		-moz-transition: -moz-filter 0.5s ease-in-out;
		-webkit-transition: -webkit-filter 0.5s ease-in-out;
		-ms-transition: -ms-filter 0.5s ease-in-out;
		transition: filter 0.5s ease-in-out;
	}

		#wrapper:before {
			content: '';
			display: block;
		}
		
			input[type="button"],
	button,
	.button {
		-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		border: 0;
		background: #35b88f;
		color: #fff;
		text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
		cursor: pointer;
		text-decoration: none;
		outline: 0;
		padding: 1em 3em 1em 3em;
		text-align: center;
		border-radius: 3em;
		font-weight: 400;
	}

		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background: #45c89f;
		}

		input[type="button"].style2,
		button.style2,
		.button.style2 {
		width: 50px;
    height: 50px;
    margin-top: 15px;
    padding: 7px 16px;
    font-size: 20px;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
			color:#fff;
			background: rgba(255, 255, 255, 0) url("images/glyph-arrowhead-down-16.svg") center no-repeat;
		}

			input[type="button"].style2:hover,
			button.style2:hover,
			.button.style2:hover {
				background: rgba(255, 255, 255, 0.3) url("images/glyph-arrowhead-down-16.svg") center no-repeat;
				color: #fff !important;
				text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25) !important;
			}
		
		@media screen and (min-width: 481px) and (max-width: 767px) {
		#header header h1 {
		font-size: 14pt !important;
		margin-top: 27rem !important;
		margin-bottom: 0 !important;
		margin-left: 5px !important;
		letter-spacing: 0.8rem !important;
  			word-spacing: 0.1rem;
		}
		
		#header {
		font-size: 11pt !important;
		margin-top:0 !important;
		margin-bottom:2.5rem !important;
		padding: 5rem 0 5rem 0 !important;
		}
		#header header p {
				color: rgba(255, 255, 255, 0.75) !important;
		}
				h3{
		margin-bottom: 6.5rem !important;
		}
		}
				
		@media screen and (min-width: 260px) and (max-width: 439px) {
		#header header h1 {
		color:rgba(0, 0, 0, 0.75);
		font-size: 11pt !important;
		margin-left: 5px !important;
		margin-top: 100px !important;
		letter-spacing: 0.8rem !important;
  			word-spacing: 0.1rem;
		}
		#header {
		font-size: 11pt !important;
		margin-top:0 !important;
		margin-bottom:8.5rem !important;
		padding: 15vh 0 15vh 0 !important;
		}
		#header header p {
				color: rgba(0, 0, 0, 0.75) !important;
		}
		}
		
		@media screen and (max-width: 480px) {
		#header header h1 {
		color:rgba(0, 0, 0, 0.75);
		font-size: 11pt !important;
		margin-left: 5px !important;
		margin-top: 13vh !important;
		letter-spacing: 0.6rem !important;
  			word-spacing: 0.1rem;
		}
		#header {
		font-size: 11pt !important;
		padding: calc(30vh - 5vw) 0 calc(30vh - 5vw) 0;
		}
		#header header p {
				color: rgba(0, 0, 0, 0.75) !important;
		}
				h3{
		margin-top: 8.5rem !important;
		}
		
		#header footer:after {
						bottom: -26rem !important;
						left: 50%;
						height: 5rem;
					}
					
		}
		
		@media screen and (min-width: 481px) {
		#header {
		margin-top: 0;
		margin-bottom: 9rem;
		}
		}

		@media screen and (max-width: 2560px) {

			#wrapper {
				min-height: 0;
			}
			
		}
		
		@media screen and (min-width: 2561px) {
		
		#header {
		padding: 45rem 0 45rem 0;
		}
			
			#header footer:after {
				height: 5rem !important;
				bottom: -46rem;
			}
			
		}
		
					
		@media screen and (min-width: 768px) and (max-width: 1199px) {
		#header {
		margin-top:.75vh;
		margin-bottom:0;
		padding: calc(40vh) 0 calc(40vh) 0 !important;
		}
		}
		
		@media screen and (min-width: 1200px) {
			
			#main .item br {
			margin: 5px;
			height: 32.5rem;
			white-space: pre-wrap;
		}
		
		#main .item.intro {
						width: calc(var(--widthE) - 20px) !important;
						text-align: center;
						height: 14.5rem !important;
						padding: 3rem;
			position: relative;
				left:-1px;
				}

		#main .item.thumb h2 {
		height: calc(var(--widthR) + 1.5rem) !important;
		margin-top:calc(var(--widthR) + 1rem) !important;
		}
		#main .item {
				height: var(--widthR) !important;
			}
		#main .item.span-1 {
			background-color: hsla(255,100%,1%,0.1) !important;
				margin-top:13.5rem !important;
					width: var(--widthA) !important;;
					min-height: 0;
				}
		#main .item.span-2 {
					width:var(--widthQ) !important;
					margin-top:16.5rem;
				}
		
		#header {
		margin-top:0;
		margin-bottom:0;
		background: url("../../../image/210302_1.jpg") no-repeat center center scroll;
		}
		}
		
		#header {
		background: url("../../../image/210302.svg") no-repeat center center scroll;
		width: 100%;
		background-color: #000;
		background-size: cover;
		font-size: 13pt;
		font-weight: 200;
		-moz-transition: opacity 2s ease-in-out;
		-webkit-transition: opacity 2s ease-in-out;
		-ms-transition: opacity 2s ease-in-out;
		transition: opacity 2s ease-in-out;
		position: relative;
		color: #000;
		text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.7);
		text-align: center;
		padding: calc(44vh) 0 calc(44vh) 0;
		cursor: default;
		z-index: 1;
	}

		#header header {
			display: inline-block;
			padding: 1vh 0 1vh 0;
		}

			#header header h1 {
				font-weight: 300;
				font-size: 2.1rem;
				letter-spacing: 10px;
			}

			#header header p {
				color: rgba(0, 0, 0, 0.75);
				text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.1875);
				font-size: 1.3rem;
				text-transform: uppercase;
				letter-spacing: 3px;
				padding: 0;
				margin-top: 0.35em;
			}

				#header header p:before {
					content: '';
					display: block;
					padding-bottom: 9px;
 					border-bottom: 1px solid #eee;
					margin: 4px 0 0.8em 0;
				}

		#header footer {
			-moz-transition: opacity 2s ease-in-out, -moz-transform 1s ease-in-out;
			-webkit-transition: opacity 2s ease-in-out, -webkit-transform 1s ease-in-out;
			-ms-transition: opacity 2s ease-in-out, -ms-transform 1s ease-in-out;
			transition: opacity 2s ease-in-out, transform 1s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			position: absolute;
			bottom: 10rem;
			margin: 0;
			width: 100%;
		}

			#header footer:after {
				content: '';
				display: block;
				position: absolute;
				bottom: -30rem;
				left: 50%;
				height: 5rem;
				border-left: solid 1px #000;
			}

			#header footer:before {
				content: '';
				display: block;
				width: 90px;
				height: 66px;
				position: absolute;
				left: 50%;
				bottom: -4.5em;
				margin-left: -45px;
				margin-bottom: -33px;
			}
			
					body.is-preload #header {
			opacity: 0;
		}

			body.is-preload #header footer {
				-moz-transform: translateY(1em);
				-webkit-transform: translateY(1em);
				-ms-transform: translateY(1em);
				transform: translateY(1em);
				opacity: 0;
			}

/* Main */

	#main {
		width:5405px;
		overflow:hidden;
		overflow-y:hidden;
		overflow-x:hidden;
		white-space:normal;
		display:block;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 10rem;
	}
	
	h1 {
			font-family:Arial, sans-serif;
			color: rgba(0, 0, 0, .7);
			box-shadow: 0 0 0 0 #ffffff;
		}
	
	 h2 {
			margin-top: calc(43vh);
			margin-left: calc(1vw);
			margin-bottom: 2rem;
			height: 0.5rem;
			box-shadow: 0 0 0 0 #ffffff;
		}
	
	h3 {
		font-size:1.2rem;
		margin-top: 5rem;
		margin-bottom:0;
		line-height:2rem;
		}
		
		#main .items {
			position:relative;
			top:0;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			flex-wrap: wrap;
			display: flex;
			flex-direction: row;
		}

			#main .items > :last-child {
				border-right: solid 0 #ffffff;
			}

		#main .item {
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			margin-left: .75rem;
			margin-right: .75rem;
			height: 32.5rem;
			box-shadow: 0 0 0 0 #ffffff;
		}
		
		#main .item br {
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			margin: 5px;
			height: 32.5rem;
			white-space: pre-wrap;
			box-shadow: 0 0 0 0 #ffffff;
		}

			#main .item.span-1 {
				width: 20rem;
			}

			#main .item.span-2 {
				width: 30rem;
			}

			#main .item.span-3 {
				width: 40rem;
			}

			#main .item.intro {
				background-color: transparent;
				color:rgba(0, 0, 0, 0.75);
				font-size: 1.5rem;
				letter-spacing:0.4rem;
				text-align: center;
				font-weight: 300;
				text-shadow: 0 1px 0 rgba(255,255,255,0.5);
				opacity:0.8;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				padding: 1rem 3rem;
			}

				#main .item.intro h1 {
					font-size: 3rem;
					line-height: 1rem;
				}

				#main .item.intro p {
					font-size: 1.25rem;
					line-height: 1.5rem;
					margin: 0.5rem 0 0 0;
					opacity: 0.65;
				}
				
				#main .item.intro:after {
				content: '';
				display: block;
				position: absolute;
				bottom: -2.5rem;
				left: 50%;
				height: 5rem;
				border-left: solid 1px #000;
			}

			#main .item.intro:before {
				content: '';
				display: block;
				width: 90px;
				height: 66px;
				position: absolute;
				left: 50%;
				bottom: -4.5em;
				margin-left: -45px;
				margin-bottom: -33px;
			}

			#main .item.thumb {
				display: block;
				position: relative;
				background: rgba(255, 255, 255, 0.25);
				cursor: default;
				clear:both;
			}

				#main .item.thumb h2 {
					display:block;
					position: relative;
					left: 0;
					top: 0;
					font-size:1.26rem;
					letter-spacing:0;
					word-spacing:1rem;
					text-align: center;
					background: transparent;
					margin-top: 48.5rem;
					margin-left: calc(0.3vw);
					width: 0 !important;
					font-weight: 200;
					font-family:FiraSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif; 
					font-style:normal;
					line-height: 1.0rem;
					text-shadow: 0 1px 0 rgba(255,255,255,0.5);
					white-space: nowrap;
					z-index: 1;
				}
				
				#main .item.thumb h2 b {
					position: relative;
					left: 0;
					top:2.5rem;
					font-size:1.26rem;
					letter-spacing:0;
					word-spacing:0.65rem;
					background: transparent;
					margin-left: calc(0.1vw);
					font-weight: 200;
					font-family:FiraSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif; 
					font-style:normal;
					line-height: 1.4rem;
					text-shadow: 0 1px 0 rgba(255,255,255,0.5);
					white-space: nowrap;
					z-index: 2;
				}
				
				#main .item.thumb h2 strong {
					position: relative;
					left: 0;
					top:1rem;
					font-size:1.26rem;
					letter-spacing:0.69rem;
					word-spacing:0.5rem;
					background: transparent;
					font-weight: 200;
					font-family:FiraSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif; 
					font-style:normal;
					line-height: 1.4rem;
					text-shadow: 0 1px 0 rgba(255,255,255,0.5);
					white-space: nowrap;
					z-index: 2;
				}
				
				#main .item.thumb h2 em {
					position: relative;
					left: 0;
					top:1.5rem;
					font-size:1.26rem;
					letter-spacing:0;
					word-spacing:0.6rem;
					background: transparent;
					margin-left: calc(0.1vw);
					margin-right: calc(5vw);
					padding-top: 1rem;
					font-weight: 500;
					font-family:FiraSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif; 
					font-style:oblique;
					line-height: 1.4rem;
					text-shadow: 0 1px 0 rgba(255,255,255,0.5);
					white-space: nowrap;
					z-index: 2;
				}
				
				#main .item.thumb h5 { 
				color:gray;
				position: relative;
				margin-top: 70px;
				white-space: pre-wrap;
				font-size: 1.7rem;
				line-height: 2rem;
				text-transform: uppercase;
				text-align: justify;
				text-shadow: 0 1px 0 rgba(255,255,255,1);
				margin-left: calc(5vw);
				margin-right: calc(5vw);
				font-weight: 200;
				background-color: transparent;
  				letter-spacing: 0.40rem;
  				word-spacing: 0.33rem;
				text-align: left;
  		}

				#main .item.thumb img {
					display: block;
					z-index: 1;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					-webkit-object-fit: cover;
					-ms-object-fit: cover;
					object-fit: cover;
					-webkit-object-position: center;
					-ms-object-position: center;
					object-position: center;
					-moz-transition: opacity 0.75s ease-in-out;
					-webkit-transition: opacity 0.75s ease-in-out;
					-ms-transition: opacity 0.75s ease-in-out;
					transition: opacity 0.75s ease-in-out;
					-moz-transition-delay: 0.35s;
					-webkit-transition-delay: 0.35s;
					-ms-transition-delay: 0.35s;
					transition-delay: 0.35s;
				}
				
				#main .item.thumb img.lazy.entered.loaded:hover {
					opacity: 0.2;
				}

				#main .item.thumb.delay-1 img {
					-moz-transition-delay: 1.375s;
					-webkit-transition-delay: 1.375s;
					-ms-transition-delay: 1.375s;
					transition-delay: 1.375s;
				}

				#main .item.thumb.delay-2 img {
					-moz-transition-delay: 1.5s;
					-webkit-transition-delay: 1.5s;
					-ms-transition-delay: 1.5s;
					transition-delay: 1.5s;
				}

				#main .item.thumb.delay-3 img {
					-moz-transition-delay: 1.625s;
					-webkit-transition-delay: 1.625s;
					-ms-transition-delay: 1.625s;
					transition-delay: 1.625s;
				}

				#main .item.thumb.delay-4 img {
					-moz-transition-delay: 1.75s;
					-webkit-transition-delay: 1.75s;
					-ms-transition-delay: 1.75s;
					transition-delay: 1.75s;
				}

				#main .item.thumb.delay-5 img {
					-moz-transition-delay: 1.875s;
					-webkit-transition-delay: 1.875s;
					-ms-transition-delay: 1.875s;
					transition-delay: 1.875s;
				}

				#main .item.thumb.delay-6 img {
					-moz-transition-delay: 2s;
					-webkit-transition-delay: 2s;
					-ms-transition-delay: 2s;
					transition-delay: 2s;
				}

		body.is-preload #main {
			opacity: 0;
		}

			body.is-preload #main .item.thumb img {
				opacity: 0;
			}
			
				#main .item.span-2.hightlight-58 img, #main .item.span-2.hightlight-55 img, #main .item.span-2.hightlight-54 img, #main .item.span-2.hightlight-48 img, #main .item.span-2.hightlight-42 img, #main .item.span-2.hightlight-8 img {
					-webkit-object-position: left;
					-ms-object-position: left;
					object-position: left;
				}
				
				#main .item.span-2.hightlight-50 img, #main .item.span-2.hightlight-47 img, #main .item.span-2.hightlight-40 img, #main .item.span-2.hightlight-26 img {
					-webkit-object-position: right;
					-ms-object-position: right;
					object-position: right;
				}

		@media screen and (min-width: 481px) and (max-width: 1199px) {

			#main .item {
				height: 45.5rem;
			}
			
			#main .item br {
			margin: 5px;
			height: 32.5rem;
			white-space: pre-wrap;
		}
		
		#main .item.intro {
			position: relative;
				left:-1px;
					text-align: center;
					height: 14vw;
					padding: 3rem;
				}

				#main .item.span-1 {
			background-color: hsla(255,100%,1%,0.1);
				margin-top:13.5rem;
					width: 98.5vw;
					min-height: 0;
				}

				#main .item.span-2 {
					width: 39rem;
					margin-top:16.5rem;
				}

				#main .item.span-3 {
					width: 34rem;
				}

		}

		@media screen and (min-width: 618px) and (max-width: 736px) {

			#main {
				width: var(--widthE) !important;
				overflow-x: hidden;
				overflow-y: auto;
				padding-right: 0;
			}

				#main .items {
					display: flex;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
					z-index:1;
				}

					#main .items > :last-child {
						border-right: 0;
					}

				#main .item {
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					width: calc(50vw - 15px) !important;
					margin: 2.5px;
					box-shadow: 0 0 0 0 #ffffff;
				}
				
				#main .item br {
			margin: 5px;
			line-height: 0.5rem;
			white-space: pre-wrap;
		}
		
				#main .item.span-1 {
				margin-top:13.5rem;
					width: var(--widthE) !important;
					min-height: 0;
				}
				
				#main .item.span-2 {
					width: 35.5rem;
					margin-top:10.5rem;
				}

				
				#main .item.thumb img {
					display: block;
					z-index: 1;
					position: absolute;
					top: 3.5rem;
					left: 0;
					width: 100%;
					height: 75%;
					-webkit-object-fit: cover;
					-ms-object-fit: cover;
					object-fit: cover;
					-webkit-object-position: center;
					-ms-object-position: center;
					object-position: center;
					-moz-transition: opacity 0.75s ease-in-out;
					-webkit-transition: opacity 0.75s ease-in-out;
					-ms-transition: opacity 0.75s ease-in-out;
					transition: opacity 0.75s ease-in-out;
					-moz-transition-delay: 0.35s;
					-webkit-transition-delay: 0.35s;
					-ms-transition-delay: 0.35s;
					transition-delay: 0.35s;
				}

					#main .item.intro {
						width: calc(var(--widthE) - 20px) !important;
						text-align: center;
						height: 25vh;
						padding: 3rem;
					}

						#main .item.intro h1 {
							font-size: 2rem;
						}

						#main .item.intro p {
							font-size: 1rem;
						}

					#main .item.thumb h2 {
				font-size: calc(2vw);
				line-height: 2.2rem;
				text-transform: uppercase;
				text-shadow: 0 1px 0 rgba(255,255,255,1);
				margin-left: calc(1vw);
				margin-top: 40rem;
				width: 20rem !important;
				font-weight: 200;
				background-color: transparent;
  				letter-spacing: 0.4rem;
  				word-spacing: calc(1vw);
				text-align: left;
					}
					
					#main .item.thumb h2 strong {
					display:block;
					position: absolute;
					top: 3.5rem;
					left: calc(0.5vw);
					width: calc(40vw - 1rem) !important;
					line-height: 1.8rem !important;
					word-spacing: 0;
					white-space: normal;
					}
					
					#main .item.thumb h2 b {
					display:block;
					position: absolute;
					top: 16rem;
					left: calc(0.5vw);
					width: calc(40vw - 1rem) !important;
					line-height: 2rem !important;
					word-spacing: 0.33rem;
					white-space: normal;
					}
					
					#main .item.thumb h2 em {
					display:block;
					position: absolute;
					top: 9rem;
					left: calc(0.5vw);
					width: calc(40vw - 1.5rem) !important;
					line-height: 2rem !important;
					white-space: normal;
					}

		}
		
		@media screen and (min-width: 481px) and  (max-width: 617px) {

			#main {
				width: var(--widthE) !important;
				overflow-x: hidden;
				overflow-y: auto;
				padding-right: 0;
			}

				#main .items {
					display: flex;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
					z-index:1;
				}

					#main .items > :last-child {
						border-right: 0;
					}

				#main .item {
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					width: calc(50vw - 15px) !important;
					margin: 2.5px;
					box-shadow: 0 0 0 0 #ffffff;
				}
				
				#main .item br {
			margin: 5px;
			line-height: 0.5rem;
			white-space: pre-wrap;
		}
		
				#main .item.span-1 {
				margin-top:3.5rem;
					width: var(--widthE) !important;
					min-height: 1vh;
				}
				
				#main .item.span-2 {
					width: 35.5rem;
					margin-top: 14.5rem;
				}

				
				#main .item.thumb img {
					display: block;
					z-index: 1;
					position: absolute;
					top: 3.5rem;
					left: 0;
					width: 100%;
					height: 75%;
					-webkit-object-fit: cover;
					-ms-object-fit: cover;
					object-fit: cover;
					-webkit-object-position: center;
					-ms-object-position: center;
					object-position: center;
					-moz-transition: opacity 0.75s ease-in-out;
					-webkit-transition: opacity 0.75s ease-in-out;
					-ms-transition: opacity 0.75s ease-in-out;
					transition: opacity 0.75s ease-in-out;
					-moz-transition-delay: 0.35s;
					-webkit-transition-delay: 0.35s;
					-ms-transition-delay: 0.35s;
					transition-delay: 0.35s;
				}

						#main .item.intro h1 {
							font-size: 2rem;
						}

						#main .item.intro p {
							font-size: 1rem;
						}

					#main .item.thumb h2 {
				font-size: calc(2vw);
				line-height: 2.2rem;
				text-transform: uppercase;
				text-shadow: 0 1px 0 rgba(255,255,255,1);
				margin-left: calc(2vw);
				margin-top: 45rem;
				width: 20rem !important;
				font-weight: 200;
				background-color: transparent;
  				letter-spacing: 0.4rem;
  				word-spacing: calc(1vw);
				text-align: left;
					}
					
					#main .item.thumb h2 strong {
					display:block;
					position: absolute;
					top: -1.5rem;
					left: calc(0.5vw);
					width: calc(40vw - 1rem) !important;
					line-height: 1.8rem !important;
					word-spacing: 0;
					white-space: normal;
					}
					
					#main .item.thumb h2 b {
					display:block;
					position: absolute;
					top: 14rem;
					left: calc(0.5vw);
					width: calc(40vw - 1rem) !important;
					line-height: 2rem !important;
					word-spacing: 0.33rem;
					white-space: normal;
					}
					
					#main .item.thumb h2 em {
					display:block;
					position: absolute;
					top: 7rem;
					left: calc(0.5vw);
					width: calc(40vw - 1.5rem) !important;
					line-height: 2rem !important;
					white-space: normal;
					}
					
					#header footer:after {
						bottom: -23rem;
						left: 50%;
						height: 5rem;
					}
		}

		@media screen and (min-width: 448px) and (max-width: 480px) {
		
			#main .items {
			top:-6rem !important;
			z-index:1;
					}

			#main .item {
				display: flex;
				height: 10rem;
				margin-left:calc(1vw);
			}
			
			#main .item br {
			display:block;
			line-height: 1rem;
			margin-top:1rem !important;
		}
			
			#main .item.thumb img {
					display: block;
					z-index: -1;
					position: absolute;
					top: -16.5rem;
					left: 0;
					width: calc(var(--widthE) - 1rem);
					height: 235%;
					-webkit-object-fit: cover;
					-ms-object-fit: cover;
					object-fit: cover;
					-webkit-object-position: center;
					-ms-object-position: center;
					object-position: center;
					-moz-transition: opacity 0.75s ease-in-out;
					-webkit-transition: opacity 0.75s ease-in-out;
					-ms-transition: opacity 0.75s ease-in-out;
					transition: opacity 0.75s ease-in-out;
					-moz-transition-delay: 0.35s;
					-webkit-transition-delay: 0.35s;
					-ms-transition-delay: 0.35s;
					transition-delay: 0.35s;
				}
				
			#main .item.span-1 {
			background-color: deeppink;
				margin-top:13.5rem;
					width: var(--widthE);
					min-height: 0;
				}
				
			#main .item.span-2 {
					z-index: -1;
					width: 35.5rem;
					margin-top:16.5rem;
					margin-bottom: 17.5rem;
				}
			
			#main .item.thumb h2 { 
				margin-top: calc(-var(--widthE));
				font-size: 1.1rem;
				line-height: 2rem;
				text-transform: uppercase;
				text-align: justify;
				text-shadow: 0 1px 0 rgba(255,255,255,1);
				margin-left: calc(30vw);
				margin-top:20rem;
				margin-right: calc(3vw);
				font-weight: 200;
				width: 19rem !important;
				background-color: transparent;
  				letter-spacing: 0.40rem;
  				word-spacing: 0.33rem;
				text-align: center;
			}
					
					#main .item.thumb h2 strong {
					display:block;
					top: -8rem;
					width: calc(42vw - 1rem) !important;
					font-size:1.2rem;
					line-height: 1.3rem !important;
					word-spacing: 0;
					white-space: normal;
					}
					
					#main .item.thumb h2 em {
					display:block;
					top: -9rem;
					width: calc(40vw - 1rem) !important;
					line-height: 1.4rem !important;
					white-space: normal;
					}
					
					#main .item.thumb h2 b {
					display:block;
					top: -9rem;
					font-size:1.2rem;
					line-height: 1.4rem !important;
					width: calc(40vw - 1rem) !important;
					word-spacing: 0.33rem;
					white-space: normal;
					}

		}
		
		@media screen and (min-width: 381px) and (max-width: 447px) {
		
		#main .items {
			top:-9rem !important;
			z-index:1;
					}
					
					#main .item {
					margin-left:calc(1vw);
					}
					
					#main .item.span-1 {
			background-color: deeppink;
				margin-top:13.5rem;
					width: var(--widthE);
					min-height: 0;
				}
				
				#main .item.span-2 {
					width: 35.5rem;
					margin-top: 0;
					margin-bottom: 29.5rem;
					z-index:-1;
				}
				
				#main .item.thumb h2 strong {
					display:block;
					top: 9rem;
					width: calc(var(--widthE) - 1rem) !important;
					font-size:1.2rem;
					line-height: 1.3rem !important;
					word-spacing: 0;
					white-space: normal;
					}
					
					#main .item.thumb h2 em {
					display:block;
					top: 9rem;
					width: calc(var(--widthE) - 1rem) !important;
					line-height: 1.4rem !important;
					white-space: normal;
					}
					
					#main .item.thumb h2 b {
					display:block;
					top: 9rem;
					font-size:1.2rem;
					line-height: 1.4rem !important;
					width: calc(var(--widthE) - 1rem) !important;
					word-spacing: 0.33rem;
					white-space: normal;
					}
				
					#main .item.thumb h2{
				    margin-top:41rem;
				    margin-left: calc(-.8vw);
					}
					
		#main .item.thumb img {
					top: 0;
					left: 0;
					width: calc(var(--widthE) - 8px);
					height: var(--widthE);
				}
		}
		
		@media screen and (min-width: 260px) and (max-width: 380px) {
		
		#main .items {
			top:-15rem !important;
			z-index:1;
					}
		
			 h2 {
			margin-top: calc(0.9vw);
			margin-left: calc(0.9vw);
			margin-bottom: 0px;
			height: 0.5rem;
			box-shadow: 0 0 0 0 #ffffff;
		}
		
		#main .item.thumb h2 {
					margin-left: calc(-.8vw);
					margin-top: 31.5rem;
				}
					
		#main .item.thumb img {
					z-index:-1;
					top: -5px;
					left: 0;
					width: calc(var(--widthE) - 1rem);
					height: var(--widthE);
				}
				
		#main .item.thumb h2 strong {
					display:block;
					top: 9rem;
					width: calc(var(--widthE) - 1rem) !important;
					font-size:1.2rem;
					line-height: 1.3rem !important;
					word-spacing: 0;
					white-space: normal;
					}
					
					#main .item.thumb h2 em {
					display:block;
					top: 9rem;
					width: calc(var(--widthE) - 1rem) !important;
					line-height: 1.4rem !important;
					white-space: normal;
					}
					
					#main .item.thumb h2 b {
					display:block;
					top: 9rem;
					font-size:1.2rem;
					line-height: 1.4rem !important;
					width: calc(var(--widthE) - 1rem) !important;
					word-spacing: 0.33rem;
					white-space: normal;
					}

			#main .item {
				margin-left:.5rem;
				height: 45.5rem;
			}
			
			#main .item br {
			margin: 5px;
			height: 32.5rem;
			white-space: pre-wrap;
		}
		
		#main .item.span-1 {
			background-color: deeppink;
				margin-top:13.5rem;
					width: 99.6vw;
					min-height: 0;
				}

				#main .item.span-2 {
					z-index: -1;
					width: 35.5rem;
					margin-bottom:9.5rem;
				}

				#main .item.span-3 {
					width: 34rem;
				}
				
				#header footer::after {
				bottom:-29rem !important;
				}

		}
		
		@media screen and (max-width: 767px) {

							/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				padding: 0.75em 0 0.75em 0;
				width: 100%;
				max-width: 320px;
			}
			
			#wrapper {
			display:block;
			}
			
						#main .item.intro {
						position:relative;
						left:-1px;
						text-align: center;
						height: 12rem;
						padding: 3rem;
					}
					
					#main .item.span-1 {
			background-color: transparent;
				margin-top:32.5rem;
					width: 98.5vw;
					min-height: 0;
				}
				
			#header header {
					padding: 0 0 calc(3.5vh + 7rem) 0;
				}
			
			#header footer {
					bottom: 6.5rem;
					padding: 0 2rem 0 2rem;
				}

					#header footer:after {
						bottom: -23rem;
						left: 50%;
						height: 5rem;
					}

					#header footer:before {
						width: 45px;
						height: 33px;
						bottom: -2.25em;
						margin-left: -22.5px;
						margin-bottom: -16.5px;
						background-size: 45px 33px;
					}
					
					}

#reel 
	{
		position: relative;
	}

		#reel .item
		{
			display: block;
			float: left;
			position: relative;
			overflow: hidden;
		}