body {
    font-size: 16px;
}
.lead {
    font-weight: 500;
}
.banner {
    background-color: #66cef8;
    padding: 20px 0;
}
.banner .h1 {
    font-size: 40px;
    color: #fff;
}
.banner .h2 {
    font-size: 24px;
}
.banner .h3 {
    font-size: 20px;
}
.section {
    color: #666666;
}
.section-white {
    background-color: #fff;
}
.section-grey-100 {
    background-color: #f8f8f8;
    /*border-bottom: 1px solid #ccc;*/
}
.section-grey-200 {
    background-color: #f5f5f5;
}
.section-grey-300 {
    background-color: #ededed;
}
.text-white {
    color: #fff;
}
.btn-green {
    border: 2px solid #749d87;
    background-color: #fff;
    color: #749d87;
    border-radius: 0;
}
.btn-pink {
    border: 2px solid #ea7ecd;
    background-color: #fff;
    color: #ea7ecd;
    border-radius: 0;
}
.btn-red {
    border: 2px solid #e67958;
    background-color: #fff;
    color: #e67958;
    border-radius: 0;
}
.btn-blue {
    border: 2px solid #3678a7;
    background-color: #fff;
    color: #3678a7;
    border-radius: 0;
}
.pricing {
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    margin-bottom: 15px;
}
.pricing ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.pricing li {
    display: inline-block;
    padding: 0 25px;
    border-right: 1px solid #d0d0d0;
}
.pricing li:first-child {
    padding-left: 0;
}
.pricing li:last-child {
    border-right: 0;
}
@media (max-width: 767px) {
    .pricing {
        display: block;
        padding-left: 0;
    }
    .pricing li {
        display: list-item;
        list-style: none;
        padding: 8px 0 8px 0;
        border: 0;
        border-bottom: 1px solid #d0d0d0;
    }
    .pricing li:last-child {
        border: 0;
    }
}
.gluten-free {
    color: #b907ed;
    font-weight: 500;
}
.vegetarian {
    color: #44ce00;
    font-weight: 500;
}
.vegan {
    color: #f6b107;
    font-weight: 500;
}
.dairy-free {
    color: #333bb6;
    font-weight: 500;
}
.modal-title {
    font-weight: 700;
    font-size: 30px;
}
.text-black {
    color: #000;
}
.fw-300 {
    font-weight: 300;
}
.fw-700 {
    font-weight: 700;
}

.text-muted {
    color: #545454;
}

.m0{ margin:0 }
.mt0{ margin-top:0 }
.mr0{ margin-right:0 }
.mb0{ margin-bottom:0 }
.ml0{ margin-left:0 }
.mx0{ margin-left:0; margin-right:0 }
.my0{ margin-top:0; margin-bottom:0 }

.m1{ margin: .5rem }
.mt1{ margin-top: .5rem }
.mr1{ margin-right: .5rem }
.mb1{ margin-bottom: .5rem }
.ml1{ margin-left: .5rem }
.mx1{ margin-left: .5rem; margin-right: .5rem }
.my1{ margin-top: .5rem; margin-bottom: .5rem }

.m2{ margin: 1rem }
.mt2{ margin-top: 1rem }
.mr2{ margin-right: 1rem }
.mb2{ margin-bottom: 1rem }
.ml2{ margin-left: 1rem }
.mx2{ margin-left: 1rem; margin-right: 1rem }
.my2{ margin-top: 1rem; margin-bottom: 1rem }

.m3{ margin: 2rem }
.mt3{ margin-top: 2rem }
.mr3{ margin-right: 2rem }
.mb3{ margin-bottom: 2rem }
.ml3{ margin-left: 2rem }
.mx3{ margin-left: 2rem; margin-right: 2rem }
.my3{ margin-top: 2rem; margin-bottom: 2rem }

.m4{ margin: 4rem }
.mt4{ margin-top: 4rem }
.mr4{ margin-right: 4rem }
.mb4{ margin-bottom: 4rem }
.ml4{ margin-left: 4rem }
.mx4{ margin-left: 4rem; margin-right: 4rem }
.my4{ margin-top: 4rem; margin-bottom: 4rem }

.mxn1{ margin-left: -.5rem; margin-right: -.5rem; }
.mxn2{ margin-left: -1rem; margin-right: -1rem; }
.mxn3{ margin-left: -2rem; margin-right: -2rem; }
.mxn4{ margin-left: -4rem; margin-right: -4rem; }

.ml-auto{ margin-left:auto }
.mr-auto{ margin-right:auto }
.mx-auto{ margin-left:auto; margin-right:auto; }

.p0{ padding:0 }
.pt0{ padding-top:0 }
.pr0{ padding-right:0 }
.pb0{ padding-bottom:0 }
.pl0{ padding-left:0 }
.px0{ padding-left:0; padding-right:0 }
.py0{ padding-top:0;  padding-bottom:0 }

.p1{ padding: .5rem }
.pt1{ padding-top: .5rem }
.pr1{ padding-right: .5rem }
.pb1{ padding-bottom: .5rem }
.pl1{ padding-left: .5rem }
.py1{ padding-top: .5rem; padding-bottom: .5rem }
.px1{ padding-left: .5rem; padding-right: .5rem }

.p2{ padding: 1rem }
.pt2{ padding-top: 1rem }
.pr2{ padding-right: 1rem }
.pb2{ padding-bottom: 1rem }
.pl2{ padding-left: 1rem }
.py2{ padding-top: 1rem; padding-bottom: 1rem }
.px2{ padding-left: 1rem; padding-right: 1rem }

.p3{ padding: 2rem }
.pt3{ padding-top: 2rem }
.pr3{ padding-right: 2rem }
.pb3{ padding-bottom: 2rem }
.pl3{ padding-left: 2rem }
.py3{ padding-top: 2rem; padding-bottom: 2rem }
.px3{ padding-left: 2rem; padding-right: 2rem }

.p4{ padding: 4rem }
.pt4{ padding-top: 4rem }
.pr4{ padding-right: 4rem }
.pb4{ padding-bottom: 4rem }
.pl4{ padding-left: 4rem }
.py4{ padding-top: 4rem; padding-bottom: 4rem }
.px4{ padding-left: 4rem; padding-right: 4rem }