.page-container {
    overflow: hidden;
    width: 1000px;
    margin: 20px auto 0 auto;
    padding-bottom: 60px;
    text-align: center;
}

.pricing-table {
    float: left;
    width: 305px;
    margin: 50px 14px 0 14px;
    background: #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);

}

.pricing-table strong { font-weight: 700; color: black; }

.pricing-table-header {
    padding: 30px 0 25px 0;
    background: #1ebeb6;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1ebeb6), to(#1ebeb6));
    background-image: -webkit-linear-gradient(top, #1ebeb6, #1ebeb6);
    background-image: -moz-linear-gradient(top, #1ebeb6, #1ebeb6);
    background-image: -o-linear-gradient(top, #1ebeb6, #1ebeb6);
    background-image: -ms-linear-gradient(top, #1ebeb6, #1ebeb6);
    background-image: linear-gradient(to bottom, #1ebeb6, #1ebeb6);
}

.pricing-table-header h2 { font-size: 30px; font-weight: 700; text-shadow: 0 -2px 0 rgba(0,0,0,.25); color: white; }
.pricing-table-header h3 { margin-top: 20px; font-size: 24px; font-weight: 400; text-shadow: 0 -2px 0 rgba(0,0,0,.25); color: white; }

.pricing-table-space { height: 10px; }

.pricing-table-text {
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    color: #888;
}

.pricing-table-features {
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    color: #888;
}

.pricing-table-sign-up {
    margin-top: 25px;
    padding-bottom: 30px;
}

.pricing-table-sign-up a {
    background: linear-gradient(90deg, rgba(30,190,182,1) 0%, rgba(0,130,124,1) 100%);
    padding: 12px 35px;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 15px;
}

.pricing-table-sign-up a:hover {
    text-decoration: none;
    -moz-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2) inset;
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.2) inset;
}

.pricing-table-sign-up a:active {
    -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2) inset;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2) inset;
}


/* Highlighted table */

.pricing-table-highlighted {
    margin-top: 0;
}

.pricing-table-highlighted .pricing-table-header {
    background: #001d4c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#001d4c), to(#001d4c));
    background-image: -webkit-linear-gradient(top, #001d4c, #001d4c);
    background-image: -moz-linear-gradient(top, #001d4c, #001d4c);
    background-image: -o-linear-gradient(top, #001d4c, #001d4c);
    background-image: -ms-linear-gradient(top, #001d4c, #001d4c);
    background-image: linear-gradient(to bottom, #001d4c, #001d4c);
}

.pricing-table-highlighted .pricing-table-sign-up a {
    background: #001d4c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#001d4c), to(#001d4c));
    background-image: -webkit-linear-gradient(top, #001d4c, #001d4c);
    background-image: -moz-linear-gradient(top, #001d4c, #001d4c);
    background-image: -o-linear-gradient(top, #001d4c, #001d4c);
    background-image: -ms-linear-gradient(top, #001d4c, #001d4c);
    background-image: linear-gradient(to bottom, #001d4c, #001d4c);
}
