@media screen and (max-width: 960px) {
	#app {
		font-size: 7px;
	}
	
	.there-wrapper {
		position: relative;
		top: 0;
		left: 2em;
		font-size: 1.6em;
		line-height: 1.4em;
	}
	
	.there-wrapper span {
		font-size: 1.1em;
	}
	
	.kepler-text-wrapper, .something-wrapper, .each-wrapper, .need-wrapper, .due-wrapper {
		margin: 0 2em;
	}
	
	.something-wrapper, .each-wrapper, .need-wrapper {
		margin-top: 2em
	}
	
	#typedOutput3, #typedOutput4, #typedOutput5 {
		height: 8em;
	}
	
	.available-wrapper .card-tab-wrapper {
		width: calc(100% - 10em);
	}
	
	.header-wrapper .header-logo {
		width: 180px;
		top: 12%;
		left: 50%;
		margin-left: -90px;
	}
	
	.bgm-wrapper {
		top: 2%;
		right: 2em;
	}
	
	.header-input-wrapper .header-input-box .header-input-item img {
		width: 24px;
	}
	
	.header-input-wrapper .header-input-box .header-input-item input {
		width: 8em;
		height: 2.5em;
	}
	
	.something-wrapper {
		margin-bottom: 36px;
		background-size: 22em;
	}
	
	.mint-btn {
		width: 13em;
		height: 4.01em;
	}
	
	.footer-wrapper .dont-input-wrapper input {
		width: 8em;
		height: 3em;
	}
	
	.footer-wrapper .dont-input-wrapper button {
		margin-left: 0.5em;
		width: 6em;
		height: 2.5em;
	}
	
	.footer-wrapper .footer-icon-wrapper a {
		margin-left: 0;
		text-align: center;
	}
	
	.footer-wrapper .footer-icon-wrapper a img {
		width: 80%;
	}
	
	.carousel2-wrapper2 {
	    width: calc(100% - 1em);
		transform: scale(1.6);
	}
	
	.current-role-wrapper-title {
		margin-top: 36px;
	}
	
	.carousel2-wrapper2 .swiper-slide img {
	    width: 100%;
	}
	
	.current-role-wrapper {
		flex-direction: column;
	}
	
	.current-role-wrapper div {
		width: 100%;
	}
	
	.current-role-git-wrapper .current-role-git-box {
		left: 0;
		width: 100%;
	}
	
	.app-bottom-img {
		display: block;
	}
	
	/* #typedOutput1 {
		min-height: auto;
	} */
	
	/* .carousel2-wrapper2 .swiper-carousel2-prev, .carousel2-wrapper2 .swiper-carousel2-next {
		display: block;
	} */
}