body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, label, li {
    font-family: "Open Sans", sans-serif;
}

/* RESPONSIVE CSS */

@media (max-width: 1200px) {

    section {
        margin: 20px auto;
    }

    section.main-copy {
        margin-top: 50px;
    }

    section.social-proof-section ul li div {
        width: 174px;
        height: 45px;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    section.main-copy h2 {
        font-size: 30px;
        font-weight: 400;
    }

    section.cta-section .cta-inner .btn {
        padding: 25px 55px;
        color: #fff;
        border: none;
        border-radius: 0px;
        font-size: 17px;
        font-family: "Open Sans";
        font-weight: 600;
        letter-spacing: 1px;
    }

    section.cta-section .cta-inner .btn .right-caret {
        margin-left: 46px;
    }

    section.cta-section .giftcard-inner .btn.btn-gift {
        border-radius: 0px;
        background-color: #009bca;
        padding: 13px 34px 13px 17px;
        border: none;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 1px;
    }

    section.moveout-button {
        margin: 20px auto;
    }

    img.the-lady {
        margin-top: 30px;
    }

    footer .footer-top ul li {
        margin-right: 1.5%;
    }

    section.satisfaction-section h3 {
        margin-top: 20px;
        font-size: 23px;
    }

    section.satisfaction-section p {
        font-size: 15px;
    }

    section.how-it-works-section p {
        width: 64%;
        margin: 0 auto;
    }

    footer .footer-bottom ul.social-icons {
        margin-top: -10px;
    }
}

@media (min-width: 992px) {
    main .col-md-7 {
        width: 61%;
    }

    main .col-md-5 {
        width: 39%;
    }

}

@media (min-width: 1200px) {
    section.main-copy h2 {
        font-size: 35px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    main .col-sm-6 {
        width: 49%;
    }
}

@media (max-width: 992px) {

    main img.the-lady {
        min-width: 562px;
        min-height: 620px;
    }

    section.main-copy {
        text-align: center;
    }

    section.main-copy h2 {
        font-size: 31px;
    }

    section.cta-section {
        margin-bottom: 0;
    }

    section.checklist {
        margin-top: 0;
        background: #fff;
        padding: 10px 20px;
        border: 1px solid #ddd;
    }

    section.social-proof-section ul li div {
        width: 130px;
        height: 45px;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    section.how-it-works-section p {
        width: 84%;
        margin: 0 auto;
    }
}



/*
 * Table settings
 *
 */
td a {
    display: block;
    width: 100%;
    height: 100%;
}

/*
 Header
*/
.navbar-bcis {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
}

.navbar-bcis .navbar-brand {
    color: #333;
    height: auto;
}

.navbar-bcis .navbar-nav > li > a {
    padding-top: 26.5px;
    padding-bottom: 26.5px
}

.navbar-bcis .navbar-collapse.in .navbar-nav > li > a,
.navbar-bcis .navbar-collapse.collapsing .navbar-nav > li > a,
.navbar-bcis .navbar-collapse.in .navbar-nav .navbar-btn,
.navbar-bcis .navbar-collapse.collapsing .navbar-nav .navbar-btn {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-bcis .navbar-brand:hover, .navbar-bcis .navbar-brand:focus {
    color: #343844;
}

@media (max-width: 767px) {
    .navbar-bcis .navbar-bookend .navbar-nav.nav .navbar-form,
    .navbar-bcis .navbar-collapse > .navbar-nav.nav .navbar-form {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .navbar-bcis .navbar-bookend {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-bcis .navbar-right .navbar-nav.nav:last-child .dropdown:last-child,
    .navbar-bcis .navbar-right .navbar-btn:last-child {
        margin-left: 15px;
    }
}

.navbar-bcis .navbar-form {
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-bcis .form.dropdown.open ul.dropdown-menu {
    min-width: 250px;
    padding: 15px;
}

.navbar-bcis .navbar-form select {
    height: 43px;
    line-height: 43px;
}

.navbar-bcis .navbar-text {
    color: #333;
    height: 43px;
    line-height: 43px;
}

.navbar-bcis .navbar-nav > li > a,
.navbar-bcis .navbar-btn,
.navbar-bcis .form-control {
    color: #333;
}

.navbar-bcis .navbar-btn {
    margin-top: 15.5px;
    margin-bottom: 15.5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-bcis .navbar-toggle {
    margin-top: 18.5px;
    margin-bottom: 18.5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-bcis .navbar-nav > li > a:hover, .navbar-bcis .navbar-nav > li > a:focus {
    color: #343844;
}

.navbar-bcis .navbar-nav > .active > a, .navbar-bcis .navbar-nav > .active > a:hover, .navbar-bcis .navbar-nav > .active > a:focus {
    color: #343844;
    background-color: #ccc;
}

.navbar-bcis .navbar-nav > .open > a, .navbar-bcis .navbar-nav > .open > a:hover, .navbar-bcis .navbar-nav > .open > a:focus {
    color: #343844;
    background-color: #ccc;
}

.navbar-bcis .navbar-toggle {
    border-color: #ccc;
}

.navbar-bcis .navbar-toggle:hover, .navbar-bcis .navbar-toggle:focus {
    background-color: #ccc;
}

.navbar-bcis .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-bcis .navbar-collapse {
    max-height: inherit;
}

.navbar-bcis .navbar-collapse {
    border-color: #333;
}

.navbar-bcis .navbar-link {
    color: #333;
}

.navbar-bcis .navbar-link:hover {
    color: #343844;
}

@media (max-width: 767px) {
    .navbar-bcis .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

    .navbar-bcis .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-bcis .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #343844;
    }

    .navbar-bcis .navbar-nav .open .dropdown-menu > .active > a, .navbar-bcis .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-bcis .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #343844;
        background-color: #ccc;
    }
}

/*
 * main content for landing page
 *
 */

main {
    background: url(../img/bg.png) center center;
}

section {
    margin: 37px auto;
}

section.main-copy {
    margin-top: 83px;
    text-align: left;
    color: #777;
    font-family: 'Open Sans';
    position: relative;
}

section.main-copy span.color-flake {
    position: absolute;
    width: 71px;
    height: 62px;
    left: -100px;
    top: 7px;
    background-image: url(../img/flakes_m.png);
}

section.main-copy h2 {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

section.main-copy h5 {
    font-size: 18px;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #555;
}

section.cta-section{
    box-sizing: border-box;
}

section.cta-section .cta-inner .btn{
    padding: 30px 65px;
    color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 20px;
    font-family: "Open Sans";
    font-weight: 600;
    letter-spacing: 1px;
}

section.cta-section .cta-inner .btn-cta{
    background-color:#8dc73f;
}

section.cta-section .cta-inner .btn:hover{
    background:#81BB47;

}

section.cta-section .cta-inner .appoint-btn .right-caret{
    border-top-color:#fff;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
    margin-left:55px;
}

section.cta-section .giftcard-inner{
    margin:17px auto;
}

section.cta-section .giftcard-inner .btn.btn-gift{
    border-radius: 0px;
    background-color: #009bca;
    padding: 15px 40px 15px 20px;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
}

section.cta-section .giftcard-inner .btn.btn-gift:hover{
    background-color:#0082B1;
}

/*
 * How it works section mainpage
 *
 */

section.how-it-works-section {
    padding: 120px 0;
    background-color: #81BB47;
    margin: 0 auto;
    color: #fff;
}

section.how-it-works-section .section-header h2 {
    color: #B4EE7A;
    margin: 0 0 35px 0;
    font-weight: 700;
}

section.how-it-works-section .img-circle {
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
    margin: 15px auto;
    text-align: center;
    background-color: #68A22E;
}

section.how-it-works-section .img-circle strong {
    font-size: 35px;
    line-height: 61px;
}

section.how-it-works-section h4 {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 2px;
}

section.how-it-works-section p {
    width: 54%;
    margin: 0 auto;
}