@charset "UTF-8";
@font-face{
	font-family:"ProximaNova";
	src:url(fonts/ProximaNova-Regular.otf);
}
@font-face{
	font-family:"ProximaNovaSemiBold";
	src:url(fonts/ProximaNova-Semibold.otf);
}
@font-face{
	font-family:"ProximaNovaBold";
	src:url(fonts/ProximaNova-Bold.otf);
}
@font-face{
	font-family:"ProximaNovaBlack";
	src:url(fonts/ProximaNova-Black.otf);
}
body{
	background:url(images/body-bg.jpg) no-repeat top center;
	text-align:center;
	font-family:"ProximaNovaSemiBold";
	font-size:30px;
	padding-top:34px;
}
.container{
	max-width:1180px;
	margin:auto;
}
h1{
	font-family:"ProximaNovaBlack";
	font-size:100px;
	line-height:90px;
	margin:29px 0 35px 0;
	padding:0 0 0 0;
	text-transform:uppercase;
}
h3{
	font-family:"ProximaNovaBold";
	font-size:40px;
	color:#333333;
}
.cta{
	position:relative;
}
.left-arrow{
	position:absolute;
	left:0px;
	top:-24px;
}
.right-arrow{
	position:absolute;
	left:1003px;
	top:-24px;
}
h2{
	font-family:"ProximaNovaBold";
	font-size:60px;
	color:#333333;
}
.bundle{
	border-radius: 15px;
	background-color: #f4f5f4;
	box-shadow: 6px 8px 0px 0.00px #e6e7e6;
	text-align:center;
	padding:20px;
}
.breakfast-bundle{
	max-width:670px;
	margin:auto;
}
.bundle ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	display:block;
	width:90%;
	margin:auto;
}
.bundle li{
	background:url(images/check.png) no-repeat;
	margin:0 0 10px 0;
	padding: 8px 0 0 60px;
	min-height:44px;
}
.snacks-bundle{
	width:530px;
	display:inline-block;
	vertical-align:top;
	margin-right:29px;
}
h3 span{
	font-size:32px;
	display:block;
}
.snacks-bundle-two{
	width:530px;
	display:inline-block;
	vertical-align:top;
}
.snacks-bundle-three{
	width:870px;
	margin:auto;
	margin-top:60px;
}
.paleo-dessert-bundle{
	width:1016px;
	margin:auto;
}
.paleo-exercise-bundle{
	width:696px;
	margin:auto;
}
.paleo-supplements-bundle{
	width:1016px;
	margin:auto;
}
.paleo-kitchen-supplies-bundle{
	width:686px;
	margin:auto;
}
.paleo-cookbooks-bundle{
	width:826px;
	margin:auto;
}
.bike{
	width:856px;
	margin:auto;
	margin-bottom:100px;
}
.rules{
	margin-top:100px;
	margin-bottom:50px;
}
.rules ul{
	text-align:left;
}
.rules li{
	margin-bottom:40px;
}
hr{
	height:1px;
	border:none;
	border-bottom:1px #333333 dotted;
}
.footer{
	font-size:24px;
	color:#666666;
	margin-top:40px;
	margin-bottom:40px;
}
.footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
.footer li{
	display:inline-block;
	font-family:"ProximaNovaBold";
	text-transform:uppercase;
	margin-bottom:10px;
}
.footer a{
	color:#666666;
	text-decoration:none;
}
.footer li:after{
	content:"|";
	margin-right:10px;
	margin-left:10px;
}
.footer li:last-child{
	margin-right:0px;
}
.footer li:last-child:after{
	content:"";
	margin-right:0px;
}
.footer span{
	font-family:"ProximaNova";
}
@media screen and (max-width:1024px){
	.left-arrow{
		display:none;
	}
	.right-arrow{
		display:none;
	}
	.snacks-bundle{
		display:block;
		margin:auto;
		margin-bottom:40px;
	}
	.snacks-bundle-two{
		display:block;
		margin:auto;
	}
	.paleo-dessert-bundle, .paleo-supplements-bundle{
		width:90%;
	}
	.paleo-supplements-bundle img{
		max-width:100%;
	}
	.paleo-dessert-bundle img{
		max-width:100%;
	}
}
@media screen and (max-width:768px){
	body img{
		max-width:100%;
	}
	.snacks-bundle-three{
		width:90%;
	}
	.snacks-bundle-three img{
		max-width:100%;
	}
	.paleo-cookbooks-bundle{
		width:90%;
	}
	.paleo-cookbooks-bundle img{
		max-width:100%;
	}
	.bike{
		width:90%;
	}
	.bike img{
		max-width:100%;
	}
}
@media screen and (max-width:667px){
	.bundle img{
		max-width:100%;
	}
	.breakfast-bundle{
		width:90%;
	}
	.paleo-exercise-bundle{
		width:90%;
	}
	.paleo-kitchen-supplies-bundle{
		width:90%;
	}
}
@media screen and (max-width:568px){
	h1{
		font-size:90px;
	}
	.snacks-bundle{
		width:90%;
	}
	.snacks-bundle-two{
		width:90%;
	}
}
@media screen and (max-width:414px){
	h1{
		font-size:68px;
		line-height:68px;
	}
	h2{
		font-size:50px;
	}
}
@media screen and (max-width:375px){
	h1{
		font-size:58px;
		line-height:58px;
	}
}
@media screen and (max-width:320px){
	h1{
		font-size:50px;
		line-height:50px;
	}
	h2{
		font-size:40px;
	}
}
