.main{
	background-image: url('../img/stars_bg2.jpg');
	background-size:cover;
	background-position: top center;
	background-repeat: repeat;
	background-attachment: fixed;
	position:relative;
}

.head_main {
	position: relative;
}

	.prisms {
		position: relative;
		z-index:1;
		pointer-events: none;
	}

	.home_logo {
		position:relative;
		margin:-20% 20% -15%;
		width:60%;
		z-index:4;
	}

	#prism1 {
		z-index:2;
	}

	#prism2{
		
	}

	.prisms_lower {
		background-image:url('../img/prisms_2.png');
		background-position: top left;
		background-size:100%;
		background-repeat:no-repeat;
		height:500px;
	}

	.bg-prisms {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100vh;
		z-index:3;
		pointer-events: none;
	}

		#bgp1 {
			position:absolute;
			right:50%;
			top:15%;
			width:5%;
			animation-duration: 8s;
			animation-delay: -2s;
		}

		#bgp2 {
			position:absolute;
			right:15%;
			top:50%;
			width:3.5%;
			transform:rotate(45deg);
			animation-duration: 15s;
			animation-delay: -4s;
		}

		#bgp3 {
			position:absolute;
			left:12.5%;
			top:60%;
			width:7%;
			transform:rotate(45deg);
			animation-duration: 10s;
			animation-delay: -6s;
		}

		#bgp4 {
			position:absolute;
			left:50%;
			top:85%;
			width:3.5%;
			transform:rotate(-45deg);
			animation-duration:5s;
			animation-delay: -8s;
		}

.hover_up_down {
	animation-name: hover_up_down;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

@keyframes hover_up_down {
	0%{top:0%;}
	100%{top:1%;}
}

.large-btn-wrap {
	position:absolute;
	top:5%;
	width:100%;
	z-index:5;
	padding:0 5%;
}

	.large-btn {
		width:300px;
		max-width:100%;
		margin:0 1em;
		font-size:0.8vw;
	}

.intro {
	position: relative;
	z-index:5;
	padding:0 15%;
	margin-bottom:5em;
}

	.intro p,
	.intro h3 {
		font-size:1.8em;
		text-align: center;
	}

.carousel-cell {
	margin:0 1em;
	padding:1em 0 1.75em;
	}
	
	.carousel-cell img {
		display:block;
		max-width:none;
		object-fit: contain;
		height:500px;
		border-radius:5px;
		box-shadow:0 5px 15px rgba(0,0,0,0.1);
	}

footer {
	position:relative;
	padding-bottom:0;
}


@media screen and (max-width:1199px){
	.intro h3{
		font-size:4em;
	}
}

@media screen and (max-width:899px){

	.head_main {
		margin-bottom:0;
	}

	.large-btn-wrap {
		top:80vh;
		margin:0 0 5em 0;
	}

	.prisms_lower {
		height:400px;
	}

	.large-btn-wrap .large-btn {
		margin:0.5em;
	}

	.large-btn {
		font-size:1.8vw;
	}

	.carousel-cell img {
		height:175px;
	}

	.video {
		padding:0 5% 4%;
	}

	.multivid {
		grid-template-columns: 1fr;
		grid-gap:1em;
	}

}

@media screen and (max-width:599px){

	.main {
		padding-bottom:0;
	}

	.intro {
		padding:0 5%;
	}

	.intro p {
		font-size:2em;
	}

	.home_logo {
	width:75%;
	margin: -10% 12.5% -10%;
	}

	.bg-prisms {
		height:75vh;
	}

		#bgp1 {
			width:10%;
		}

		#bgp2 {
			width:5.5%;
			right:6%;
		}

		#bgp3 {
			width:16%;
			top:70%;
			left:26%;
		}

		#bgp4 {
			width:4.5%;
			left:59%;
		}
}

@media screen and (max-width:399px){
	
	.large-btn-wrap {
		margin:4em 0 4em;
		padding:0 5%;
	}

		.large-btn-wrap .large-btn {
			font-size:1.2em;
		}

	.home_logo {
		margin: 5% 12.5% 5%;
	}

	iframe {
		padding:0.5em;
	}

	#prism2 {
		top:15%;
	}

}