@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

* {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, section{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.layer {
font-family: "Source Sans Pro", "helvetica", sans-serif;
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 16px;
color: rgba(39,65,90,1);
}

h4 {
margin-bottom: 12px;
font-size: 1.25em;
font-weight: 400;
text-transform: uppercase;
}

h5 {
font-size: 1.15em;
    color: #30a32e;
}

p {
margin-top: 1em;
margin-bottom: 1em;
color: rgba(39,65,90,.9);
font-size: 1em;
line-height: 1em;
}


ol, ul {
list-style: none;
}

body {
line-height: 1;
}


.layer {
clear: both;
width: 100%;
height: auto;
display: block;
}

.layer > section, .layer > article {
clear: both;
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
padding-top: 20px;
padding-bottom: 40px;
}

.third {
width: 27.95%;
margin: 20px;
display: inline-block;
}

.plan-tier {
    vertical-align: baseline;
    border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    backdrop-filter: blur(74px);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgb(255 255 255 / 80%), 23px 0 20px -23px rgb(255 255 255 / 80%), 0 0 40px rgba(0, 0, 0, .1) inset;}

.lift {
position: relative;
-webkit-transition: all .075s ease-out;
-moz-transition: all .075s ease-out;
-o-transition: all .075s ease-out;
transition: all .075s ease-out;
}

.lift:hover {
top: -3px;
-webkit-box-shadow: 0 2px 6px rgba(39,65,90,.15);
-moz-box-shadow: 0 2px 6px rgba(39,65,90,.15);
box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgb(62 82 130), 23px 0 20px -23px rgb(59 79 125), 0 0 40px rgba(0, 0, 0, .1) inset;
}

.plan-tier h4 {
padding: 18px 0 15px;
margin: 0;
background: linear-gradient(133deg, rgb(17 183 200) 0%, rgb(70 95 146) 100%);
color: white;
}
.plan-tier h3 {
padding: 18px 0 15px;
margin: 0 0 30px;
background: linear-gradient(133deg, rgba(63,84,133,1) 0%, rgba(152,40,83,1) 100%);;
color: white;
}

.plan-tier {
cursor: pointer;
}

.plan-tier sup {
position: relative;
right: -9px;
}

.plan-tier ul {
margin:0;
border-top: 2px solid #6082ba;
}

.plan-tier ul li {
font-size: 0.95em;
    padding: 18px 0;
    color: #000;
    border-bottom: 2px solid #243248;
    FONT-WEIGHT: 700;
}

.layer img{
width: 100%;
}

sup {
vertical-align: top;
}

.plan-tier .plan-price {
font-size: 5em;
font-weight: 300;
letter-spacing: -3px;
}

.plan-tier sub {
vertical-align: bottom;
position: relative;
bottom: .875em;
}

.plan-tier .early-adopter-price {
color: #4e73c7;
}
p:first-of-type {
margin-top: 0;
}

small, del {
color: #646464;
font-size: 1em;
line-height: 1.5em;
}

s, strike, del {
text-decoration: line-through;
}



.plan-tier.callout h6 {
width: 100%;
padding: 15px 0 14px;
background: #8dcf3f;
color: rgba(39,65,90,.5);
font-size: 1.25em;
}

.plan-tier.callout h4 {
background-color: #78b336;
}


@media (max-width: 1200px) {
.layer > section, .layer > article{
flex-wrap: wrap;
}
.third{
width: 45.95%;
    margin: 10px auto;
}
}
@media (max-width: 900px) {
.third{
width: 100%;
}
}