#add_ons {
	margin-top:25px;
}

#ao_header_top {
	height:100px;
	width:100%;
	height:100px;

	color:#fff;
	background-color:#F89728;/*#F89728;*/
	position:relative;
}

#add_on_hd_br {
	display:none;
}

#ao_header_top {
	margin-bottom:10px;
}

.header_content {
	height:100px;
}

.header_content h2 {
	padding-top:18px;
	padding-top:20px;
	text-align:center;
	color:#fff;
	font-size:35px;
	font-family:"ProximaNovaSemiBold";
}

#add_on_content {
	border-left:5px black;
	border-right:5px black;
}



.box_content {
	color:#ffffff;
	max-width:40%;
	position:absolute;
}

#add_on_1 .box_content {
	top:5%;
	left:4%;
}

#add_on_2 .box_content, #add_on_3 .box_content {
	top:5%;
	max-width:85%;
	left:8%;
}
#add_on_2_full .box_content, #add_on_3_full .box_content {
	top:16%;
	max-width:85%;
	left:8%;
}

.add_on_box h1 {
    font-family: 'ProximaNovaSemiBold';
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 20px;
}

.add_on_box p {
    width: 100%;
    margin-bottom: 15px;
    font-family: 'ProximaNovaThin';
    font-size: 26px;
    line-height: 30px;
}

.add_on_box p.value_disclaimer {
    font-size: 18px;
    line-height: 20px;
}

#add_on_1 {
	width:100%;
	padding-bottom:31%;
	background-image:url('../images/addon_1_bg.png');
	background-position: top left;
	background-size:100%;
	position:relative;
	margin-bottom:10px;
}

#add_on_2, #add_on_3 {
	padding-bottom:33%;
	min-height:130px;
	position:relative;
	width:49.5%;
}

#add_on_2_full, #add_on_3_full {
	padding-bottom:25%;
	position:relative;
	width:100%;
}

#add_on_2_full {
	display:none;
	background-color:#F89728;
}

#add_on_2 {
	background-color:#F89728;
	float:left;
}

#add_on_3_full {
	display:none;
	background-color:#00A7E1;
}

#add_on_3 {
	background-color:#00A7E1;
	margin-left:50.5%;
}





@media screen and (max-width:1250px) {
	
	.add_on_box h1 {
		font-size:38px;
		line-height:40px;
		margin-bottom:10px;
	}

	.add_on_box p {
		font-size:22px;
		line-height:26px;
	}

	.add_on_box p.value_disclaimer {
		font-size:14px;
		line-height:18px;
	}
}


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

    .add_on_box h1 {
	    font-size: 25px;
	    line-height: 28px;
	}

	#add_on_2_full.add_on_box h1, #add_on_3_full.add_on_box h1 {
	    font-size: 32px;
	    line-height: 34px;
	}

	.add_on_box p {
	    margin-bottom: 10px;
	    font-size: 18px;
	    line-height: 22px;
	}

	.header_content {
		height:100px;
	}

	.header_content h2 {
		font-size:30px;
		line-height: 45px;
		padding-top:26px;
	}


}


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

    .add_on_box h1 {
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom:5px;
	}

	#add_on_2_full.add_on_box h1, #add_on_3_full.add_on_box h1 {
	    font-size: 28px;
	    line-height: 32px;
	}

	.add_on_box p {
	    font-size: 14px;
	    line-height: 15px;
	    font-family: 'ProximaNovaRegular';
	}


	.add_on_box p.value_disclaimer {
	    font-size: 12px;
	    line-height:14px;
	}

	#add_on_1 {
		padding-bottom:36%;
		background-position: center;
		background-size:115%;
	    margin-bottom: 8px;
	}

	#add_on_2, #add_on_3 {
		padding-bottom:0%;
		min-height:270px;
	}

	#add_on_2_full, #add_on_3_full {
		padding-bottom:0%;
		min-height:220px;
	}

	.header_content {
		height:100px;
	}

	.header_content h2 {
		font-size:22px;
		line-height: 26px;
		padding-top:26px;
	}

	#ao_header_top {
    	height: 82px;
	}

}

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

	#add_ons {
	    margin-top: 25px;
	    background-image: url(../images/addon_1_bg_mobile.png);
	    background-repeat: no-repeat;
	    padding-top: 35%;
	    background-size: 100%;
	}

	#add_on_1 .box_content, #add_on_2 .box_content, #add_on_3 .box_content {
	    top: 14%;
	    max-width: 90%;
	    left: 5%;
	    right:5%;
	}

	#add_on_1, #add_on_3 {
		padding-bottom: 0%;
		min-height:180px;
	}

	#add_on_2 {
		min-height:240px;
	}

	#add_on_1_br, #add_on_2_br, #add_on_3_br {
		display:none;
	}

	.add_on_box h1 {
	    font-size: 18px;
	    line-height: 20px;
	}

	#add_on_1 {
		background-image:none;
		background-color: #00A7E1;
		margin-bottom:3px;
	}

	#add_on_2 {
		float:none;
		width:100%;
		margin-bottom:3px;
	}

	#add_on_3 {
		width:100%;
		margin-left:0px;
	}	

	.box_content {
    	max-width: 80%;
    }

    #add_on_1 .box_content, #add_on_3 .box_content {
	    background-image: url(../images/solo_feather.png);
	    background-repeat: no-repeat;
	    background-size: 120px;
	    background-position-y: top;
	    padding-left: 125px;
	}

	#add_on_2 .box_content {
		background-image: url(../images/solo_feather_flipped.png);
	    background-repeat: no-repeat;
	    background-size: 120px;
	    background-position-y: top;
	    background-position-x: right;
	    padding-right: 105px;	
	}


    #add_on_hd_br {
    	display:inline;
    }

	.header_content h2 {
		font-size:28px;
		line-height: 30px;
		padding-top:12px;
	}

	#ao_header_top {
    	height: 82px;
    	margin-bottom:3px;
	}
}

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


	#add_on_1, #add_on_3 {
		padding-bottom: 0%;
		min-height:160px;
	}

	#add_on_2 {
		min-height:220px;
	}

	#add_on_1 .box_content, #add_on_3 .box_content {
	    background-image: url(../images/solo_feather.png);
	    background-repeat: no-repeat;
	    background-size: 90px;
	    background-position-y: top;
	    padding-left: 90px;
	}

	#add_on_2 .box_content {
		background-image: url(../images/solo_feather_flipped.png);
	    background-repeat: no-repeat;
	    background-size: 90px;
	    background-position-y: top;
	    background-position-x: right;
	    padding-right: 80px;	
	}

	.add_on_box h1 {
    	font-size: 16px;
    	line-height: 18px;
    	margin-bottom:3px;
	}

	.add_on_box p {
	    font-size: 12px;
	    line-height: 13px;
	}

	.add_on_box p.value_disclaimer {
	    font-size: 10px;
	    line-height: 12px;
	}




	.header_content h2 {
		font-size:20px;
		line-height: 24px;
		padding-top:10px;
	}

	#ao_header_top {
    	height: 70px;
	}
}

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

	#add_on_1, #add_on_3 {
		padding-bottom: 0%;
		min-height:180px;
	}

	#add_on_2 {
		min-height:240px;
	}

	#add_on_2_full, #add_on_3_full {
		padding-bottom:0%;
		min-height:280px;
	}


	#add_on_1_br, #add_on_2_br, #add_on_3_br {
		display:inline;
	}

	.header_content h2 {
		font-size:16px;
		line-height:20px;
		padding-top:8px;
	}

	#ao_header_top {
    	height: 55px;
	}
	

}

@media screen and (max-width: 359px) {
	#add_on_1, #add_on_2, #add_on_3 {
		
	}
}