.arkbanner {
	background-color: #65BCBE;
	background: url('bg-tile.png') center, #65BCBE;
	background: url('bg-tile.png') center, color(display-p3 0 0.808 0.82);
	background-size: 64px 64px;
	text-align: center;
	overflow: hidden !important;
	padding: 4px 30px 0;
	margin: 15px 0 0;
	width: 100%;
	color: #fff;
	border-radius: 24px;
	position: relative;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	
	opacity: 1;
} 

.arkbanner .small-column {
	width: 30%;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	float: left;
	padding-top: 0;
}

.arkbanner .small-column img {
	max-width: 100%;
}

.arkbanner .large-column {
	width: 40%;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	float: left;
}

.arkbanner .screenshot {
	background: none;
	margin: 0;
	padding: 0;
	width: 385px;
	max-width: 100%;
}

@media (max-width: 631px) {
	.arkbanner {
		padding: 0px 30px;
		border-radius: 24px;
		position: relative;
		margin: 0;
	} 
	
	.arkbanner .small-column {
		width: 50%;
		margin: 0;
		padding: 0;
		text-align: center;
		position: relative;
		float: left;
	}
	
	.arkbanner .large-column {
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		position: relative;
		float: left;
		display: none;
	}
	
	.arkbanner .screenshot {
		transform: scale(0.5);
	}
	
}

@media (max-width: 351px) {
	.arkbanner {
		padding: 0px 30px;
		border-radius: 24px;
		position: relative;
		margin: 10px 0;
	} 
	
	.arkbanner .small-column {
		width: 100%;
	}
	
	.arkbanner .subtitle {
		margin-top: -35px;
	}
}

.arkbanner:hover {
	box-shadow: 0 0 0 4px rgba(0, 206, 209, 0.3);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}


.arkbanner:active {
	box-shadow: 0 0 0 8px rgba(0, 206, 209, 0.3);
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

@media (prefers-reduced-motion) {
   .arkbanner * {
	   transition: none !important;
   }
   
   .arkbanner #bg-1, .arkbanner #bg-2 {
       animation: none;
   }

 }