@media screen and (max-width: 480px){
.\34 u, .\34 u\24 {
   width:100%;
}
.wrapper.style3{
	padding:15px;
}
.sidebar{
	width:100%;
}
.honors_container{
	width:100%;
}
}

.grid__item {
	position: relative;
	display: block;
	/*grid-template-columns: 100%;
	grid-template-rows: 100%;*/
	/*align-items: center;
	justify-items: center;
	flex-wrap:wrap;
	overflow: hidden;*/
	padding: 0;
	padding:15px 20px;
	background: var(--color-item-bg);
}

.grid__item-title {
	font-size: 0.85rem;
	color: var(--color-item-title);
	align-self: flex-start;
	margin: 0;
}
button.particles-button{
	width: 180px;
    padding: 0px;
}

.action {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	margin: 2rem;
	color: var(--color-action);
	border: 0;
	padding: 0;
	opacity: 0;
	pointer-events: none;
}

.action:focus {
	outline: none;
}

.particles {
	    position: relative;
    margin: 0 auto;
    text-align: center;
}

.particles-canvas {
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}

.particles-wrapper {
	position: relative;
	display: inline-block;
    overflow: hidden;
}

.particles-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	border-radius: 5px;
	border-radius: var(--radius-button);
	background: var(--color-button-bg);
	color: var(--color-button-text);
	border: 0;
	border: var(--border-button);
	margin: 0;
	padding: 1.5rem 3rem;
	padding: var(--button-padding);
}

.particles-button:focus {
	outline: none;
}

.no-js .particles-button {
	grid-area: 1 / 1 / 2 / 2;
}



.theme-5 {
	/*--color-item-bg: linear-gradient(120deg,#baedff,#07a2da);*/
	--color-action: #003ff1;
	--color-button-bg: #003ff1;
	--color-button-text: #fff;
	/*--button-padding: 1rem 2rem;*/
    --radius-button: 5px;
    --border-button: 0;
}




@media screen and (min-width: 50em) {
	.codrops-header {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		min-height: 100vh;
	}
	.codrops-header__title {
		font-size: 3rem;
	}
	.codrops-header::after {
		content: 'Scroll';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
		color: var(--color-scroll);
	}
	.github {
		position: absolute;
		top: 0;
		left: 0;
		margin: 2rem;
	}
	.grid {
		display: grid;
		grid-gap: 22px;
		grid-template-columns: repeat(2,calc(50vmax - 11px));
	}
	.grid__item {
		
	
	}



}
.particles-button.button:active, .particles-button.button:hover, .particles-button.button:focus, button.particles-button{
	color:#fff!important;
}
#sendmessagenowyo{
	position: relative;
	z-index: 4;
}
.thankyouparent{
	display: flex;
	height:100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%

}
.thankyouparent .wrapper.formstyle h3{
	padding-bottom:0;
	margin-bottom:0;
}
.thankyouparent p{
	color:#262626;
}
.flex{
	display: flex;
}
.flex-vcenter{
	justify-content: center;
}
.flex-hcenter{
	align-items:center;
}
input[type="text"], textarea {
	color:#262626;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{
border-color: #262626;
	}
button:hover, .button:hover{
	background-color:#3166ff;
}
.invalid input[type="email"]:invalid{
	color:#eb2f06;
	border:2px solid #eb2f06;
}
input[type="email"], input[type="text"]{
	color:#262626;
}
.hide{
	display: none;
}
.image.fit.portrait img{
	border-radius:50%;
}
#getinvolved .box{
	background:#fff!important;
	border:0px solid transparent;
	border-radius:3px;
	box-shadow:0 3px 10px rgba(0,0,0,.12);
}
#getinvolved .box .image.fit{
	margin:0 auto;
	width:100%;
}
#getinvolved .box .image.fit img{
	width:100%;
}