html,body{
			margin:0;
			padding:0;
			font-size:15px;
			line-height:1.65;
			height:100%;
			width:100%;
			overflow:hidden;
		}
		body{
			background-color:;
			background: #f5f5f5 url(images/building.jpg) no-repeat 0 0;
			background-size:cover;
		}
		body::before{
			content:'';
			position:fixed;
			inset:0;
			backdrop-filter:blur(12px) brightness(1.05);
			-webkit-backdrop-filter:blur(12px) brightness(1.05);
			background:rgba(255,255,255,0.25);
			z-index:0;
		}
		main,article{
			min-height:100%;
			height:100%;
			width:100vw;
			position:relative;
			z-index:1;
		}
		
		h1{
			margin-top: 15rem;
			width: 100%;
			padding-bottom: 0;
			position: relative;
			line-height: 1;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		.img-size{
			min-width:100%;
			width: 100%;
			height:100%;
		}
		 .text-center{
			font-family: 'Noto Sans', sans-serif;
			display:block;
			font-size:0.9rem;
			line-height:2rem;
			font-weight:300;
			color:#fff;
			text-align: center;
		}
		.flex{
			display:flex;
			align-items: stretch;
			justify-content: flex-start;
			width:100%;
			height:100%;
			flex-direction: row;
		}
		.box{
			margin:auto;
			padding: 2.4rem 20px;
			width: 100%;
			box-sizing: border-box;
		}
		.logo-shine-wrap{
			display:block;
			width:80vw;
		}