html {
	height: 100%;
	width: 100%;
}

body {
	height: 100%;
	overflow: auto;
}

strong {
    font-weight: bold;
}

.features-header {
	padding-top: 50px;
	padding-bottom: 100px;
	background: rgb(205,232,255);
    background: linear-gradient(310deg, rgba(205,232,255,1) 2%, rgba(20,106,224,1) 57%);
}

.features-title {
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 20px;
	padding-right: 20px;
    background: #f5f5f5;
}

.feature-header {
	padding-top: 40px;
	padding-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
    background: #f5f5f5;
}

.feature-icon {
    align-items: center;
    text-align: center;
    padding-bottom: 20px;
}

.feature-body {
    background: #f5f5f5;
    padding-bottom: 80px;
}

.feature-body-text h1 {
    /* font-family: 'Pacifico', cursive; */
    font-size: 30px;
}

.feature-body-text p {
    font-size: 18px;
}

.feature-body-image img {
    height: 100%;
    width: 100%;
}

.separator, .separator-blank {
    display: flex;
    align-items: center;
    text-align: center;
    background: #f5f5f5;
    padding: 0 1.25em 1.25em 1.25em;
    color: #746969;
}

.separator::before, .separator::after,
.separator-blank::before, .separator-blank::after {
    content: "";
    flex: 1;
    border-bottom: 3px solid #aba3a3;
}

.separator::before {
    margin-right: .75em;
}

.separator::after {
    margin-left: .75em;
}

/* Stacked Tabled */

.feature-comparison {
    background: #f5f5f5;
    padding-bottom: 40px;
}

.comparison-table {
    display: grid;
    width: 100%;
    justify-items: center;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 2rem;
    grid-column-gap: 1rem;
    grid-template-areas:
        "a b c d";
}

.comparison-table article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
}

.free-plan {
    grid-area: a;
}

.hobby-plan {
    grid-area: b;
}

.professional-plan {
    grid-area: c;
}

.business-plan {
    grid-area: d;
}

.plan-heading {
    margin-bottom: 20px;
}

.plan-heading-title {
    margin-bottom: 0px;
}

.plan-rows {
    align-self: flex-end;
    width: 100%;
}

.plan-row-a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.plan-row-b:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.plan-row-a, .plan-row-b {
    padding: 1rem;
}

.plan-row-a {
    background: #ebebeb;
}

.plan-row-b {
    background: #d4d4d4;
}

.disclaimer {
    padding-top: 20px;
}

.disclaimer small {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .comparison-table {
        grid-template-areas:
            "a a b b"
            "c c d d";
    }
}

@media screen and (max-width: 414px) {
    .comparison-table {
        grid-template-areas:
            "a a a a"
            "b b b b"
            "c c c c"
            "d d d d";
    }
}

@media screen and (min-width: 992px) and (max-width: 1198px) {
    .free-plan .plan-row-a:first-child {
        height: 80px;
    }
}