@media (min-width: 1600px){
	.container{
		max-width: 1550px;
	}
}
@media (min-width: 1366px) and (max-width: 1439.98px){
	.container{
		max-width: 1366px;
	}
	html{
		font-size: 54%;
	}
}
@media (min-width: 1200px) and (max-width: 1365.98px){
	.container{
		max-width: 1280px;
	}
	html{
		font-size: 52%;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	.container{
		max-width: 100%;
	}
	html{
		font-size: 44%;
	}
}
@media  (max-width: 991.98px){
	.container{
		max-width: 100%;
	}
	html{
		font-size: 55%;
	}
	.discord_wrapper .badge_image{
		display: none;
	}
	.discord_wrapper{
		top: auto;
		margin-top: 4rem;
		max-width: 100%;
	}
	.discord_box{
		background-position: center;
	}
	.discord_inner p{
		font-size: 2.4rem;
	}
	.discord_inner {
	    padding: 3.2rem 3.2rem 3.2rem;
	}
	footer{
		font-size: 1.6rem;
	}
	.home_content h1 {
	    font-size: 6.2rem;
	}
	.discord_wrapper{
		margin-right: 0;
	}
}

@media  (max-width: 767.98px){
	html{
		font-size: 2.275vw;
	}
	header{
		padding-top: 4rem;
	}
	body{
		font-size: 2rem;
	}
	.container{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.logo {
	    max-width: 24rem;
	}
	.home_content {
	    text-align: center;
	    row-gap: 1.6rem;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	.home_content h1 {
	    font-size: 4rem;
	}
	.join_form button{
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		font-size: 1.8rem;
		padding: 1.6rem 3rem;
	}
	.join_form .email {
	    height: 4.8rem;
	    font-size: 1.6rem;
	    padding: 0 2rem;
	    margin-bottom: 1.6rem;
	    margin-top: 2.4rem;
	}
	.signup-checkbox {
		font-size: 1.2rem;
		margin-top: 1.6rem;
	}
	.join_form button::before {
	    background-image: url(../images/btn-border-mobile.png);
	}
	.discord_box{
		background-image: url(../images/discord-bg-mobile.png);
	}
	.discord_footer{
		display: none;
	}
	h2 {
	    font-size: 2.4rem;
	}
	.discord_inner p{
		font-size: 1.6rem;
		font-weight: 500;
		margin-top: 1.6rem;
	}
	.button{
		font-size: 1.8rem;
		padding: 1.2rem 2.5rem;
	}
	.button img{
		width: 2.8rem;
	}
	.discord_inner .button{
		margin-top: 2.4rem;
	}
	footer{
		font-size: 1.2rem;
		font-weight: 500;
		padding-bottom: 1.6rem;
	}
	.footer_inner{
		border-top: 0.1rem solid rgb(255, 255, 255, 0.5);
		padding-top: 2.4rem;
	}
	.logo_wrap {
	    -webkit-column-gap: 1.5rem;
	       -moz-column-gap: 1.5rem;
	            column-gap: 1.5rem;
	}
	.logo_wrap img {
	    height: 3.2rem;
	}
	.footer_links{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		row-gap: 1.2rem;
	}
	.social_icons {
	    -webkit-column-gap: 0.8rem;
	       -moz-column-gap: 0.8rem;
	            column-gap: 0.8rem;
	}
	.social_icons img {
	    width: 2.6rem;
	}
	.footer_left p{
		max-width: 18rem;
		font-size: 1rem;
	}
	.intro_area {
	    padding: 12rem 0 17rem;
	}
	.privacy_area ol,
	.privacy_area ul{
		padding-left: 2rem;
	}
	.privacy_area{
		padding-bottom: 0;
		padding-top: 2rem;
		font-size: 1.8rem;
	}
	.privacy_area h2{
		padding-bottom: 0;
	}
	.bg::before {
	    background: -o-linear-gradient(328.1deg, #000000 7.16%, rgba(0, 0, 0, 0.25) 70%);
	    background: linear-gradient(121.9deg, #000000 7.16%, rgba(0, 0, 0, 0.25) 70%);
	}
}