@media(min-width:992px) {
	.menu {
		display: inline-flex;
		align-items: center;

	}

	.menu-close,
	.menu-icon {
		display: none;
	}

	.menu li:not(:last-child) {
		margin-right: 1.5em;
	}

	.menu a {
		font-size: 18px;
		color: #817994;
	}

	.menu a:hover {
		color: #6E35E4;
	}
}

@media(max-width:991px) {

	.menu {
		position: fixed;
		top: 0;
		right: 0;
		min-height: 100vh;
		background: #191437;
		width: 100%;
		text-align: center;
		z-index: 2;
		padding-top: 70px;
		transform: translate(100%);
		transition: transform 0.5s
	}

	.menu.active {
		transform: translate(0)
	}

	.menu a {
		padding: 1em;
		width: 100%;
		display: inline-block;
		font-size: 18px;
		color: #817994;
		border-top: 1px solid rgba(110, 53, 228, 0.2);
	}

	.menu-close {
		position: absolute;
		left: 50%;
		top: 1rem;
		width: 30px;
		height: 30px;
		margin-left: -15px;
	}

	.menu-close:after,
	.menu-close:before {

		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		border-top: 2px solid #6e35e4;
	}

	.menu-close:after {
		transform: rotate(45deg)
	}

	.menu-close:before {
		transform: rotate(-45deg)
	}

	.menu-icon {
		margin-left: 2rem;
		position: relative;
		width: 30px;
		height: 30px;
	}

	.menu-icon:after,
	.menu-icon:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		content: "";
		border-top: 2px solid #6E35E4;
		border-bottom: 2px solid #6E35E4;
		top: 50%;
		transform: translateY(-50%)
	}

	.menu-icon:after {
		height: 100%;
	}

	.menu-icon:before {
		height: 40%;
	}
}



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


	.figure {
		width: 450px;
	}



	.sec0 {
		height: auto;
		min-height: 800px;
	}

	.s2p1,
	.s2p2 {
		background-size: auto 110%;
	}
}

@media(max-width:991px) and (min-width:768px) {



	.title {
		font-size: 3rem;
	}

	.figure {
		width: 430px;
	}

	.sec0 {
		height: auto;

	}

	.s2p1 {
		background-size: auto 120%;
		background-position: 120% 50%;
	}

	.s2p2 {
		background-size: auto 120%;
		background-position: -20% 50%;
	}

	.s1p .name {
		font-size: 1.8rem;
	}
}

@media(max-width:767px) {
	a.logo img {
		height: 25px
	}

	a.join {
		display: none;
	}

	section {
		overflow: hidden;
	}

	.figure {
		margin-top: -30px;
		width: 250px;
		margin-left: auto;
		margin-right: auto
	}

	.sec0 {
		text-align: center;
		height: auto;
		min-height: 667px;
	}

	.sec0 .subtitle {
		font-size: 1rem;
	}

	.title {

		font-size: 2.25rem;
	}

	.sub {
		font-size: 14px;
	}

	a.btn,
	a.btn1 {
		font-size: 1rem;
	}

	.sec0:before {
		background-size: auto 50%;
		background-position: 45% 50%;
	}

	.sec {
		text-align: center;
	}

	.s1p .name {
		font-size: 1.5rem;
	}

	.s1p .number {
		top: 0.8rem;
		left: 50%;
		transform: translate(-50%)
	}

	.s1p {
		min-height: auto
	}

	.s1p ul li {
		font-size: 1rem;
	}

	.s2p1,
	.s2p2 {
		padding-bottom: 300px !important;
		background-position: 50% 270%;
		background-size: 100%
	}

	.s2p .text {
		font-size: 1rem;
	}


}