/**** Avanti feature page stylesheet ***/

/*div {
  
  border-width :1px;
  border-color :#000000;
  border-style :solid;
}*/

@media (min-width: 1450px) {
	.featureListContainer {
    	width :65%;	
    }
}

@media (min-width :1201px) and (max-width: 1449px) {
	.featureListContainer {
    	width :72%;	
    }
}

@media (min-width: 1065px) {

	.pageContainer {
		margin-top :80px;
	}	

}

@media (max-width: 1064px) and (min-width: 538px) {

	.pageContainer {
		margin-top :123px;
	}

}

@media (max-width: 537px) and (min-width: 462px) {

	.pageContainer {
		margin-top :90px;
	}

}

@media (min-width :981px) and (max-width: 1200px) {
	.featureListContainer {
    	width :80%;	
    }
}

@media (min-width :769px) and (max-width: 980px) {
	.featureListContainer {
    	width :85%;	
    }
}

@media (min-width :481px) and (max-width: 768px) {
	.featureListContainer {
    	width :90%;	
    }
}

@media (min-width :330px) and (max-width: 480px) {
	.featureListContainer {
    	width :95%;	
    }
}

@media (max-width: 329px) {
	.featureListContainer {
    	width :98%;	
    }

    .featureListHeader {
    	min-width:50px;
    }

    .featureHeader {
    	min-width:40px;
    }
}

@media (min-width :481px) {
	.sectionFeatureTitle {
		padding-left:50px;
	}
}

@media (max-width :480px) {
	.sectionFeatureTitle {
		padding-left:0;
	}
}

@media (max-width: 537px) {
	.pageContainer {
		margin-top :81px;
	}
}


@media (min-width: 330px) {
	.featureListHeader {
    	min-width:60px;
    }

    .featureHeader {
    	min-width:60px;
    }	
}

@media (max-width: 272px) {
	.featureListHeader {
    	min-width:28px;
    }	
}

.pageContainer {
	min-height :750px;	
	padding-top :0;
	margin-left :0;
	margin-right :0;
	margin-bottom :0;
}

/*.pageHeaderBar {
	background-color: #2980b9;
  	background-size: 100% 100%;
  	min-height: 175px;
  	margin-top :0;
}*/

.pageHeaderBar {
	/*background-color: #2980b9*/
  	background-size: 100% 100%;
  	min-height: 150px;
  	margin-top :0;
}

.headerContent {
	width: 65%;
	margin-left :auto;
	margin-right :auto;
	padding-bottom :15;
}

/*h1 {
	color :#ffffff;
	padding-top: 15px;
	text-align: center;
	margin :0;
}

h2 {
	color :#ffffff; 
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	padding-bottom:15px;
}*/

h1 {
	padding-top: 15px;
	text-align: center;
	margin :0;	
  	/*font-size :2.1em;*/
    font-weight: normal;
}

h2 {
	font-weight: normal;
	/*font-size: 1.2em;*/
	text-align: center;
	padding-bottom:15px;
}

.addOnHeader {
    font-size :1.25em;
    font-weight :bold;
    padding-bottom: 15px;
}

.headerCaption {
    /*color: #000000;
    font-weight: bold;
    font-size: 1.6em;
    padding-bottom: 10px;
    padding-top: 20px;*/
}

.sectionTitle {
	font-size:1.6em;
	color :#2980b9;
}

.sectionTitlePadding {
	padding-left :15px;
}

.addonFeatureDescriptionHeader {
    color :#2980b9;
}


.featureListContainer {
    margin-left: auto;
 	margin-right: auto;
 	display :table;
	margin-bottom :40px;
}

.featureList {
	display :block;
}


.featureListHeader { 
	width :11%;
    text-align: center;
    /*min-width :60px;*/
    max-width :100px;
}


.sectionFeatureTitle {
	margin-top :10px;
}

.featureHeader {
	width :10%;
	text-align :center;
	/*min-width :60px;*/
	max-width :100px;
}

.featureDescriptionHeader {
	max-width :100px;
}

.featureListTable {
	width :100%;
 }

 .featureHeaderTable {
	width :33%;	
 }

 .featureTable {
 	float :right;
	border-radius :1px;
	border: 0.5px solid;
	border-color: #505050;
	padding :0;
	overflow :hidden;
	box-shadow: 0 0 5px 1px rgba(40,80,100,.75);	
 }
 
 .featureTick {
	 color :green;
 }

 .jaColumn {
  background-color :#09A05B;  
}

.proColumn {
  background-color :#296FE8;

}

.prosColumn {
  background-color :#E7B145;
}


.mbgImage {
  margin-left :auto;
  margin-right :auto;
}

.sectionFeatureLift {
	padding-top:7px;
}