/* Panel Section */
/* div#container main.pagecontent section.panel div.grid {} */
div#container main.pagecontent section.panel div.grid ul.packagelist {display:flex; flex-direction:row; justify-content:center; align-items:stretch; flex-wrap:wrap;}
div#container main.pagecontent section.panel div.grid ul.packagelist {list-style:none; padding:0; margin:0;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem {flex:1 1 0; display:flex; flex-direction:column;}
/* div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package {perspective:50rem;} */
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package {background-color:lightgrey; color:black; cursor:pointer; height:100%; border:.125rem solid black; border-radius:.625rem;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package {display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; overflow:hidden; z-index:10; transition:.25s;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package.b {background-color:var(--blue);}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package.g {background-color:var(--green);}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package.o {background-color:var(--orange);}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package:hover {transform:scale(1.05); z-index:20;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package > div {padding:1rem 2rem;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagename {white-space:nowrap; /* margin-bottom:1rem; */}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagename span.name {font-size:2rem; /* font-size:1.5rem; */}
/* div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packageprice {display:none;} */
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packageprice {background-color:var(--whitesheet); /* margin-top:1rem; */}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packageprice span.price {font-size:1.75rem;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures {background-color:var(--whitesheet2); flex-grow:1;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures {display:flex; flex-direction:column; align-items:center;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist {list-style:square; list-style:none; padding:0; margin:0;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature {font-size:1.25rem; padding:.5rem; margin:.375rem 0;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature {display:flex; flex-direction:column; flex-direction:row; align-items:center;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature svg.icon {font-size:2.25em; padding:.25rem; border:.125rem solid; border-radius:var(--corner);}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature svg.icon.dash {border-width:0;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature span.caption {flex-grow:1; white-space:nowrap; margin-left:.5rem;}
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packageselector {display:flex; justify-content:center; align-items:center; font-size:1.375rem; cursor:pointer;}
/* div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packageselector svg.icon {margin-top:.25rem;} */
div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packageselector span.caption {margin:0 .625rem;}






@media screen and (max-width:64rem) {

	/* Panel Section */
	/* div#container main.pagecontent section.panel {} */
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem {flex-basis:50%; flex-grow:0;}
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package {flex:1 1 auto;}
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package:hover {transform:none;}
	/* div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures {} */
	/* div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist {} */
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature {flex-direction:row;}
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature svg.icon {font-size:1.875em; /* padding:0; border:none; */}
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem a.package div.packagefeatures ul.featurelist li.feature span.caption {margin-left:.5rem;}
}


@media screen and (max-width:48rem) {

	/* Panel Section */
	div#container main.pagecontent section.panel {flex-direction:column-reverse; align-items:stretch;}
	div#container main.pagecontent section.panel div.grid ul.packagelist li.packageitem {margin-bottom:2rem;}
}


@media screen and (max-width:32rem) {

	/* Panel Section */
}