:root {
  --color2: #e22726;
  --white: #ffffff;
  --themeColor: #1f1d1a;
}

body {color: #1f1d1a; font-family: 'Source Sans Pro', sans-serif; }
a, .btn, input, input[type="search"], input[type="submit"] { webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
a { color: inherit; }
li.active a, a:hover, a:focus {text-decoration: none;color: #e22726;outline: none;}
.btn, form input[type="submit"] {padding: 0.65rem 1.2rem;color: #fff;font-size: 1.5rem;box-shadow: none;text-transform: uppercase;outline: none;border-radius: 0;border-color: transparent;font-weight: 600;background: #e22726;}
.btn:hover, .btn:focus, form input[type="submit"]:hover, form input[type="submit"]:focus {background: #f64241;color: #fff;border-color: transparent !important;}

.fontfomaly { font-family: 'Dancing Script', cursive; }
.fontsize1 { font-size: 1.125rem; }
.fontsize2 { font-size: 1.25rem; }
.color1 { color: #a6762c; }
.color2 { color: var(--color2); }
.modal-header .close {
    opacity: 1;
    width: 2rem;
    line-height: 2rem;
    font-size: 1rem;
}
.pulse {
    transform: scale(1);
    animation: pulse 1.5s infinite;
}


@keyframes pulse {
    0% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

@media(min-width:1199px) {
    .container { max-width: 1200px; }
}

.header-top { background-color: #1f1d1a; }
.header-top p em {font-size: 1.5rem;padding-bottom:0.2rem;}
.header {top: 0px;/* z-index: 100; *//* background: #094170; */}
.header img.logo{width: 232px;}
.header-btn .btn {font-size: 1.3rem;padding: 0.65rem 1rem;}
/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .header-btn .btn {
  font-size: 1.275rem;
}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
	@media {
	    .header-btn .btn { 
	        font-size: 1.275rem; 
	    }
	}
}
img.bagel-seal {
    max-width: 200px;
    right: 7rem;
}
.banner-section { background-repeat: no-repeat; background-size: cover; background-position: center;
    padding: 3rem 0px 3.25rem;
}
.banner-col h1 {font-size: 3.9rem;line-height: 1;}
.banner-col .b-title {
    font-size:4rem;
    line-height: 1.2;
}
.banner-col h4 {font-size:1.875rem;letter-spacing: 3px;}
.banner-col ul li div { font-size:1.5rem; line-height:1;}
.button-col .btn {margin-bottom: 6px;}
.how-it-work-title h2 {
    font-size: 2.8125rem;
}
.how-it-work-title h2 span, .why-bagel-cafe-title h2 span, .testimonials-title h2 span {
    font-size: 3.5rem;
    display: inline-block;
    line-height: 1;
}
.how-it-work-col figure {
    background: #e22726;
    height: 9.0625rem;
    width: 9.0625rem;
}

.how-it-work-col h4 {  font-size:1.875rem;}


.why-bagel-cafe-title h2, .testimonials-title h2, .faqs-title-col h3, .cookies-title {
    font-size: 2.8125rem;
}

.why-bagel-cafe-col h4 {
    font-size: 1.875rem;
}
.why-bagel-cafe-col p { line-height: 1.875; }

.why-bagel-cafe {background-repeat: no-repeat; background-size: cover; background-position: center;}


.testimonials-col:before {content: '';background: url(../images/quote.png);position: absolute;width: 39px;height: 27px;background-repeat: no-repeat;left: -28px;}
.testimonials-col:first-of-type { padding-right:40px}
.testimonials-col > p { line-height:1.333}

.testimonials-col {
    padding-right: 49px;
}
.customer-name {
    line-height: 1.1;
}
.get-the-best-bagel {
    padding: 9rem 0px 6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.get-the-best-col h2 {
    font-size: 5.5rem;
    line-height: 1.1;
    text-shadow: 0px 4px 11px rgb(0 0 0 / 60%);
}
.get-the-best-col h4 {
    font-size: 2.25rem;
    letter-spacing: 5px;
}
.get-the-best-col h3 {text-shadow: 0px 4px 11px rgb(0 0 0 / 60%);
    font-size: 2.25rem;
    letter-spacing: 5px;
}
.money-back-text h4 {
    font-size: 1.875rem;
}
.money-back-text p {
    font-size: 1.125rem;
    line-height: 1.333;
}

.card-header a em {
    right: 0px;
    line-height: inherit;
    content: "\f056";
}
.faqsaccordion .card-header a[aria-expanded="true"], .faqsaccordion .card-header a:hover {
    color: var(--red);
}
.faqsaccordion .card-header a[aria-expanded="true"] em:before {
    content: "\f056";
}
.cookies-banner {
    min-height: 414px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.cspan1 {
    font-size: 3.375rem;
}


.cookies-col h1 {
    font-size: 5.9rem;
    line-height: 1;
}
.cookies-col h6 {
    font-size: 2.05rem;
    line-height: 1;
    background: #200e0e;
    letter-spacing: 0.2rem;
    padding: 6px 0.75rem;
}
.fresh-daily {
    font-size: 3.6rem;
}
.first-order {
    color: #666666;
    margin-top: -2.5rem;
}
img.starIcon {
    max-width: 0.7rem;
    position: absolute;
    top: 0.8rem;
    right: -0.75rem;
}


footer.footer {
    margin-top: 3rem;
    background: #000;
    padding-bottom: 1rem;
}
.footer-menu ul.list-unstyled li {
    color: #b8aea7;
    line-height: 1;
    padding-right: .75rem;
}
.footer-menu ul.list-unstyled li:not(:last-child) {
    border-right: 2px solid #b8aea7;
}
.footer-menu ul.list-unstyled li a:hover {
    color: #ffffff;
}
ul.footer-menu.list-unstyled.mb-0.w-100 li {
    margin-left: 1.3125rem;
    margin-right: 1.3125rem;
}
.footer-social .list-inline-item:not(:last-child) {
    margin-right: .7rem;
    font-size: 1rem;
}

.footer-form {margin-bottom: calc(24px + 0.5rem);}

ul.footer-menu.list-unstyled.mb-0 li {
    margin-right: 0rem;
    margin-left: 1.3125rem;
}

.footer-form .form-control { color: #fff;
    height: calc(1.5em + .45rem );
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
span.copyrights {
    font-size: 0.63rem;
    display: block;
}

@media screen and (min-width: 1600px){
    .header-btn .btn{
        font-size: 1.275rem;
    }
}

@media(max-width:1199px) {
html { font-size:15px}

.banner-col .b-title{
    font-size: 3.5rem;
}
.banner-col h1{
    font-size: 3.325rem;
}
.banner-col h4{
    font-size: 1.55rem;
}

.header-btn .btn {
    font-size: 1.1rem;
    padding: 0.65rem 1rem;
}
.how-it-work-col h4 {
    font-size: 1.5rem;
}
.header-btn .btn {
    font-size: 0.875rem;
    padding: 0.65rem 0.7rem;
}
/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .header-btn .btn {
  font-size: 0.875rem;
}
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
	@media {
	    .header-btn .btn { 
	        font-size: 0.875rem;
	    }
	}
}
img.bagel-seal {
    max-width: 160px;
    right: 3.5rem;
}
span.copyrights {
    font-size: 0.53rem;
}
ul.footer-menu.list-unstyled.mb-0 li {
    /* margin-right: 0.8rem; */
    margin-left: 0.8rem;
    font-size: .9rem;
}
}
@media(max-width:991px) {
html { font-size:14px}
.pb-5, .py-5 {
    padding-bottom: 4rem!important;
}
.pt-5, .py-5 {
    padding-top: 4rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 4rem!important;
}
.mt-5, .my-5 {
    margin-top: 4rem!important;
}
.header-top p { font-size:1rem;}
.navbar .navbar-nav .nav-link {font-size:0.95rem;padding-right: .35rem;padding-left: .35rem;}

.banner-col .b-title {
    font-size: 2.875rem;
}
.banner-col h1 {
    font-size: 2.75rem;
}
.banner-col h4 {
    font-size: 1.375rem;
    letter-spacing: 1.5px;
}
.banner-col ul li div {
    font-size: 1.3rem;
    line-height: 1;
}
.banner-col ul li figure { max-width:60px}
img.bagel-seal {
    max-width: 140px;
    right: 3rem;
}
.btn, form input[type="submit"] {
    font-size: 1.3rem;
}
.how-it-work-title { font-size:1.01rem}
.how-it-work-title h2, .why-bagel-cafe-title h2, .testimonials-title h2, .cookies-title {
    font-size: 2.5rem;
}

.how-it-work-title h2 span, .why-bagel-cafe-title h2 span, .testimonials-title h2 span {
    font-size: 3rem;
}
.how-it-work-col figure {
    height: 7rem;
    width: 7rem;
}
.how-it-work-col figure img { max-width:55px}

.how-it-work-col h4 {
    font-size: 1.3rem;
}
.how-it-work-col, .why-bagel-cafe-col {font-size: 1.1rem;padding-left: 10px;padding-right: 10px;}
.how-it-work-col p { margin-bottom:0px}
.cspan1 {
    font-size: 3rem;
}
.why-bagel-cafe-col h4 {
    font-size: 1.6rem;
}
.why-bagel-cafe-col p{
    margin-bottom:0px;
    line-height: 1.75;
}
.testimonials-col:before {
    width: 27px;
    height: 19px;
    left: -15px;background-size:cover;
}
.testimonials-col {
    padding-right: 30px;
}
.testimonials-col > div > p { font-size:1rem}
.get-the-best-col h2 {
    font-size: 4rem;
}

.get-the-best-col h4 {
    font-size: 2rem;
    letter-spacing: 2px;
}
.get-the-best-col h3 {
    font-size: 2rem;
    letter-spacing: 2px;
}
.get-the-best-bagel {
    padding: 7rem 0px 5rem;
    background-repeat: no-repeat;
    background-position: center;
}
ul.footer-menu.list-unstyled.mb-0 li {
    margin-right: 0;
    margin-left: 0.5rem;
    font-size: 0.9rem;
}

ul.footer-menu li:first-child{
   margin-left: 0rem !important;
}
.cookies-banner {
    min-height: 320px;
}
.cookies-col h1 {
    font-size: 4.75rem;
}
.cookies-col h6 {
    font-size: 1.6rem;
}
.fresh-daily {
    font-size: 2.7rem;
}
span.copyrights {
    margin-top: 1px;
    font-size: 0.66rem;
}
}

@media screen and (max-width: 767px){
    .banner-col .b-title{
        font-size: 2.125rem;
    }
    .banner-col h1{
        font-size: 2rem;
    }
    .banner-col h4{
        font-size: 0.95rem;
    }
    .banner-col ul li figure{
        max-width: 50px;
    }
    .banner-col ul li div{
        font-size: 1.05rem;
    }
}

.d-flex{
    align-items: initial;
    justify-content: initial;
}


@media screen and (min-width: 1200px) and (max-width: 1365px){
    .header-top .fontsize1{
        font-size: 1.063rem;
    }
    .header img.logo{
        width: 190px;
    }
    .header-btn .btn{
        font-size: 1.25rem;
    }
    .main_header{
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
    }
    .banner-section{
        padding: 1rem 0px 1.25rem;
    }
    .banner-col .b-title{
        font-size: 3.5rem;
        line-height: 1.1;
    }
    .banner-col h1{
        font-size: 3.375rem;
    }
    .banner-col h4{
        font-size: 1.575rem;
    }
    .banner-col ul li div{
        font-size: 1.25rem;
        line-height: 1rem;
    }
    .banner-col ul li figure{
        max-width: 58px;
    }
    .banner-col ul{
        margin-top: 1.125rem !important;
        margin-bottom: 1.125rem !important;
    }
    .banner-col .button-col .btn{
        padding: 0.375rem 1.2rem;
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1700px){
    .header img.logo{
        width: 200px;
    }
    .banner-section{
        padding: 2rem 0px 2.25rem;
    }
    .banner-col .b-title{
        font-size: 3.7rem;
    }
    .banner-col h1{
        font-size: 3.6rem;
    }
    .banner-col h4{
        font-size: 1.75rem;
    }
    .banner-col ul li div{
        font-size: 1.4rem;
    }
    .banner-col ul li figure{
        max-width: 66px;
    }
}

@media screen and (min-width: 1701px) and (max-width: 1920px){
    .main_header{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .header img.logo{
        width: 232px;
    }
    .banner-section{
        padding: 3rem 0px 3.25rem;
    }
    .banner-col .b-title{
        font-size: 4rem;
    }
    .banner-col h1{
        font-size: 3.9rem;
    }
    .banner-col h4{
        font-size: 1.875rem;
    }
    .banner-col ul li div{
        font-size: 1.5rem;
    }
    .banner-col ul li figure{
        max-width: initial;
    }
}