div#container section#pricing main {display:flex; flex-direction:row; justify-content:center; background-color:transparent; padding:.5rem; max-width:56rem; perspective:75rem;}
div#container section#pricing main div.package {flex:1 0 33.333%; text-align:center; padding:.5rem; transition:.3s transform; /*background-color:#FFF1; border:1px solid #0008; border-color:#20D86622;*/}
div#container section#pricing main div.package a {text-decoration:none; color:inherit;}
div#container section#pricing main div.package a {display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; height:100%;}
div#container section#pricing main div.package div.name {flex:0 0 auto; text-shadow: 0 1.75em 1px #FFFFFF0C, 0 -1.75em 1px #FFFFFF0C; padding-top:1rem; padding-bottom:2.5rem;}
div#container section#pricing main div.package div.price {flex:0 0 auto; font-size:2.5rem; background-color:#FFFD; color:#000; /*border:.25rem solid #20D866;*/ display:inline-block; width:100%; padding:.45rem .5rem; position:relative;}
div#container section#pricing main div.package div.price:before {content:'$';}
div#container section#pricing main div.package div.price::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:55%; background-color:#FFF4; z-index:-1;}
div#container section#pricing main div.package div.featureList {flex:1 0 auto; background-color:#FFF8; color:#000; padding:1.5rem; /*margin-top:2.5rem;*/ position:relative; /*border:.25rem solid #20D866; border-bottom:none;*/}
div#container section#pricing main div.package div.featureList ul {list-style:square; padding:0; margin:0;}
div#container section#pricing main div.package div.featureList ul:before {content:'Package includes:'; font-weight:bold; margin-bottom:.5rem; display:inline-block;}
div#container section#pricing main div.package div.featureList ul li {margin-bottom:.5rem;}
div#container section#pricing main div.package div.featureList:after {/*content:'';*/ display:block; position:absolute; top:100%; left:0; background-color:inherit; width:100%; height:2rem; /*border:.25rem solid #20D866; border-top:none;*/}

div#container section#message {text-align:center; padding:1rem 0;}
div#container section#message main {background-color:transparent; padding:0 1rem;}
div#container section#message main a.cta {text-decoration:none; display:inline-block; min-width:15rem; padding:1.25rem 2rem 1.15rem; background-color:transparent; color:#20D866; font-weight:800; font-size:1.25rem; border:2px solid #20D866;}
div#container section#message main a.cta.primary {background-color:#20D866; color:#000;}
div#container section#message main p.details {font-size:.75rem;}




/* Medium to Extra Large Screen */
@media screen and (min-width: calc(52rem + 1px) ) {
	div#container section#pricing main div.package#rookie {transform:translateZ(-1rem) rotateY(-6deg);}
	div#container section#pricing main div.package#superstar {transform:translateZ(1rem);}
	div#container section#pricing main div.package#halloffame {transform:translateZ(-1rem) rotateY(6deg);}
	
	div#container section#pricing main div.package:hover {/*transform:translateY(-.25rem);*/ z-index:100;}
	div#container section#pricing main div.package#rookie:hover {transform:translateZ(3rem);}
	div#container section#pricing main div.package#superstar:hover {transform:translateZ(3rem);}
	div#container section#pricing main div.package#halloffame:hover {transform:translateZ(3rem);}
}

/* Small Screen */
@media screen and (max-width:52rem) {
	div#container section#pricing main {flex-direction:column; align-items:center; perspective:0;}
	div#container section#pricing main div.package {width:100%; margin-bottom:2rem; padding:.5rem 2.5rem; transform:none;}
	div#container section#pricing main div.package div.name {text-shadow:none; padding-bottom:1.5rem; background-color:#FFFFFF08;}
	div#container section#pricing main div.package div.featureList {/*margin-top:1.5rem;*/}
	div#container section#pricing main div.package div.featureList:after {height:1.6rem;}
	div#container section#pricing main div.package div.price {font-size:2rem; padding:1rem .5rem;}

	div#container section#message main p a.cta {margin:.25rem 0;}
}

/* Extra Small Screen */
@media screen and (max-width:30rem) {
}