section.landing{ background: #E6E6E5; position: relative; font-size:16px; font-weight: 500; color:#231F20}
.bg1{background: url('/assets/images/common/maroon.png') top center repeat-x;}
.bg2{background: url('/assets/images/common/puti.jpg')center top repeat-y;}
.bg3{background: url('/assets/images/common/kagaguhan2.png') top center no-repeat;}

section.landing h3{font-size: 20px; font-weight: 800; text-transform: uppercase; color:#231F20; line-height: 1.1}

.container-sm{ width:100%; max-width: 850px; margin: 0 auto}

.bar-heading,.bar-heading2{ height: 200px; display: flex; align-content: center; flex-wrap: wrap;}
.bar-heading h2, .bar-heading2 h2{color: #FFF; font-weight: 700; text-transform: uppercase; font-size: 25px; text-align: center}

.bar-heading2{ height: 136px; background: #951C1F}
.bar-heading2 h2{ font-size: 30px}

ul.centered-bullets{ text-align: center; list-style-position: inside; margin: 0 10px; padding-left: 0}
ul.centered-bullets li{ font-size: 18px; font-weight: 800; letter-spacing:-1px; padding:4px}
ul.centered-bullets li span{ position: relative; left: -18px; color: #231f20}
ul.centered-bullets li span strong{ color:#941B20}

.button{ background:url("/assets/images/common/dotted.png") center bottom no-repeat; padding: 20px; display: inline-block; margin: 20px auto}
.button.no_bg{ background-image: none; padding: 0}


.btn-landing{font-size: 18px; display: inline-block; background: #941B20; color:#FFF; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; border-radius: 10px; padding: 5px 40px; margin-bottom: 20px}
.btn-landing:hover{ color: #FFF; background: #6C0A0D}
.membership-btn{ padding: 5px 10px; font-size: 15px; margin-bottom: -20px; margin-top: 0}

.width-narrower{ padding:20px 60px;}
.table_holder{ padding:10px 50px; box-sizing: border-box}
.table{ display: table; width: 100%; border-collapse: collapse; border-top: 3px solid #2A2627; border-bottom: 3px solid #2A2627; }
.table-row {display: table-row; background: #F5F2EC;}
.table-cell, .table-cell-th {display: table-cell; border: 3px solid #2A2627; border-top: 0; border-bottom: 0;    padding: 10px; text-align: left; width: 50%; font-size: 12px; font-weight: 500; line-height: 1.1;}
.table-cell-th{background: #B99D60; color: #FFF; font-weight: 700; font-size: 16px }
.table-row.even{ background:#FBFBFB}

img.yt{ width: 105px}

.testimonial_side{display: none; font-size: 23px; color: #808080; line-height: 44px; font-weight: 400; font-style: italic}
.testimonial_side div{width: 100%; max-width:335px; margin-bottom: 40px}
.testimonial_side div span{ font-size: 40px; line-height: 1}
.testimonial_side div strong{ display: block; text-align: left}

.how_works h4{ font-size:22px; font-weight: 700}

.steps img{ width: 100%}

.memberships{ width: 100%; max-width: 1024px; margin: 20px auto}
.memberships .membership{ border-bottom:4px solid #231F20; margin-bottom: 30px}

.memberships .membership h1{ font-size: 40px; font-weight: 700; letter-spacing: -2px; line-height: 1; margin: 0; padding: 0}
.memberships .membership p{ font-size: 26px; font-weight: 700}

.testi{ font-style: italic; color: #666766; line-height: 1.3; margin-bottom: 40px}
.testi strong{ display: block}

.featured_in{
    background: #E6E6E5;
    padding: 100px 0;
    font-weight: 500;
}
.featured_in img{ margin-bottom: 40px}
.featured_in h4{ font-size:25px; font-weight: 600; color: #1F1F1F;}
.featured_in .col-md-4{ margin-top: 40px }
.featured_in a.read-more {
    background: url(/assets/images/common/read_more_arrow.png) right center no-repeat;
    padding-right: 45px;
    display: inline-block;
    line-height: 30px;
    color: #B89D5F;
    font-size: 12px;
    text-transform: uppercase;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .bar-heading h2{font-size: 35px;}
    ul.centered-bullets li{ font-size: 20px;}
    .btn-landing{font-size: 21px;}
    section.landing{font-size:18px;}
    .bar-heading2 h2{ font-size: 40px}
    .memberships .membership h1{font-size: 40px;}
    .memberships .membership p{ font-size: 20px;}
    .membership-btn{ padding: 5px 40px; font-size: 25px;}


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .bar-heading h2{font-size: 40px;}
    .width-narrower{ padding:20px 110px;}
    section.landing h3{font-size: 27px;}
    .table-cell, .table-cell-th {font-size: 18px;}
    .table-cell-th{font-size: 22px }
    .bar-heading2 h2{ font-size: 70px}
    .how_works h4{ font-size:24px;}
    .membership-btn{ padding: 5px 40px; font-size: 25px; margin-top:0}
    .memberships .membership{ border-right:4px solid #231F20; border-bottom: 0}
    .memberships .membership.last{ border: none}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .bar-heading h2{font-size: 55px;}
    ul.centered-bullets li{ font-size: 25px;}
    .btn-landing{font-size: 31px;}
    section.landing{font-size:20px;}
    img.yt{ width: 205px}

    .how_works h4{ font-size:32px; font-weight: 700}
    .steps img{ width: auto}
    .memberships .membership h1{font-size: 60px;}
    .memberships .membership p{ font-size: 26px;}
    .membership-btn{ margin-bottom: 0px; margin-top:30px}
    .testi{font-size: 24px;}


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .testimonial_side{display: flex;}
    .bg3{background: url('/assets/images/common/kagaguhan.png') top center no-repeat;}


}