@media screen and (max-width: 1024px) {
    body,html{
        font-size: 6vw;
        //height: 100vw;
        //overflow: hidden;
    }
    body.detail{
        //height: auto;
        //overflow: auto;
    }

    h1{
        font-size: 6vw;
    }
    .ft-title{
        font-size: 6vw;
        text-align: center;
    }
    .quote .ft-title{
        font-size: 10vw;
        text-align: center;
    }
    .icon{
        //background:red;
        width:7vw !important;
        height:7vw !important;

    }
    .icon svg{
       width:100%;
       height:100%;
       //margin:4px;
    }
    
    .page.home{
        flex-direction:column;
		height:100svh;
		width:100svw;
    }
    .page.home .left,.page.home .right{
        padding:0px 20px;
    }
    .page.home .middle{
        width:100%;
        left:0%;
        margin:0px;
        margin-top: -1px;
        top:50%;
        height: 2px;
        flex-direction: row;
    }
    .page.home .middle .first, .page.home .middle .last{
        height:2px;
        border:0px;
        margin:0px 16px;
    }
	.page.home .middle .mid{
		margin:0px;
		margin-top:-50px;
	}
	.page.detail{
        top:100vh;
        opacity: 0;
    }
	.page.detail .inner{
		padding:12px 8px 24px 8px;
	}
	
	.page.detail .close{
		left:8px;
        top:4vw;
	}
    .page.detail .header{
        padding-top:4vw; 
    }
    
    .page.detail .header h1{
        line-height: 7vw;
    }
    .page.detail.on{
        top:0vh;
        opacity: 1;
    }
    hr{
        
        margin:4vw auto;

    }
	.page.detail .images{
		height:75vh;	
	}
    .scrolldown{
        bottom:4vw; 
    }
}