@media only screen and (max-device-width: 640px){
	.small_only{
		display:block;
	}
	.large_only{
		display:none;
	}
}

@media only screen and (min-width: 40.063em) and (max-device-width: 64em){

}

@media only screen and (min-width: 64.063em) {
	.small_only{
		display:none;
	}

	.large_only{
		display:block;
	}
}

html{
	overflow-x: hidden;
}

body{
	font-size:16px;
	line-height:22px;
	font-family:'Inter', Arial, Helvetica, sans-serif;
	color:#fff;
	overflow-x: hidden;
}

h1{
	font-family:'Poppins', Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:52px;
}


a{
	color:#121417;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}

.grid-container{
	padding-left:1.2rem;
	padding-right:1.2rem;
  position: relative;
}

.fixedbody{
	overflow-x: hidden;
	overflow-y: hidden;
}

.hidden{
	display:none;
}

.visible{
	display:block;
}

.button{
	background-color:#5350F1;
	border-radius: 16px;
	font-weight:bold;
	border:none;
	filter: drop-shadow(0px 2px 16px rgba(83, 80, 241, 0.3));
}

.button:focus{
	background-color:#5350F1;
}

.pink:focus{
		background-color: #E0008E;
}

.pink{
	background-color: #E0008E;
}

.button:hover{
	background-color:#323093;
}

.pink:hover{
	background-color: #AD006E
}

.section{
	position:relative;
}

.section_footer{
	position:relative;
	background-color: #121417;
	color:#fff;
	padding-top: 2rem;
	padding-bottom: 2rem;
	z-index: 11;
}

.section_footer a{
	color:#5350f1;
	margin-left:2rem;

}

.section_footer a:hover{
	color:#323093;
}

@media only screen and (max-device-width: 640px){

	.nomobile{
		display:none;
	}

	.logo{
		width: 15rem;
		height:5rem;
		margin-bottom: 1rem;
		margin-top: 2rem;
	}

	.section_footer{
		padding-bottom:2rem;
	}

	.section_footer a{
		margin-left:0;
		display:block;
		margin-top:1rem;
	}
}