/* Main Content */
.main {

	max-width: 69em;

}



.column {

	float: left;

	width: 50%;

	padding: 0 2em;

	min-height: 300px;

	position: relative;

}



.column:nth-child(2) {

	box-shadow: -1px 0 0 rgba(0,0,0,0.1);

}



.column p {

	font-weight: 300;

	font-size: 2em;

	padding: 0;

	margin: 0;

	text-align: right;

	line-height: 1.5;

}



/* To Navigation Style */

.codrops-top {

	background: #fff;

	background: rgba(255, 255, 255, 0.2);

	text-transform: uppercase;

	width: 100%;

	font-size: 0.69em;

	line-height: 2.2;

}



.codrops-top a {

	padding: 0 1em;

	letter-spacing: 0.1em;

	display: inline-block;

}



.codrops-top a:hover {

	color: #e74c3c;

	background: rgba(255,255,255,0.6);

}



.codrops-top span.right {

	float: right;

}



.codrops-top span.right a {

	float: left;

	display: block;

}



.codrops-icon:before {

	font-family: 'codropsicons';

	margin: 0 4px;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

}



.codrops-icon-drop:before {

	content: "\e001";

}



.codrops-icon-prev:before {

	content: "\e004";

}



button 																	{ margin: 3px 2px; padding: 8px 20px; border: none; background: transparent; color: #FFFFFF; font-family: 'AG-Bold-Cond', Calibri, Arial, sans-serif; font-size: 50px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer;

																		  display: inline-block; border-radius: 2px; float: right; position: relative; }



button:hover 															{ column: #E76610; }



@media screen and (max-width: 46.0625em) {

	.column {

		width: 100%;

		min-width: auto;

		min-height: auto;

		padding: 1em; 

	}



	.column p {

		text-align: left;

		font-size: 1.5em;

	}



	.column:nth-child(2) {

		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);

	}

}



@media screen and (max-width: 25em) {



	.codrops-icon span {

		display: none;

	}



}