header.default, .mbg-bottom, footer{display: none;}
header.simple-header, footer.simple{display:block}
.promo-banner{ text-align: center; } .simple-header{ padding:1rem 0; border:0; } .simple-header, .simple-header .navbar{ background-color:#FFFAF1; } .simple-header .navbar{ padding:0; } .simple-header .brand-logo{ width:7.8125rem; height:auto; margin:0 auto; } .simple-header .nav-toggle { display: flex; flex-direction: column; justify-content: space-between; height: 1rem; width: 1rem; } .simple-header .bar { height: 3px; width: 100%; background-color: black; transition: all 0.3s ease; } .simple-header .bar.x-close:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); } .simple-header .bar.x-close:nth-child(2) { opacity: 0; } .simple-header .bar.x-close:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .simple-header .navbar > .container-fluid { justify-content: left; margin-bottom:.75rem; } .simple-header .nav-link{ font-family: korolev; font-size:1.25rem; } .simple-header .progress-bar{ background-color:#64A535; border-radius:.5rem; } .simple-header .navbar-collapse{ padding-top:.75rem; } .progress{ height:.75rem; } #app{ background-color:#FFFAF1; } .plans .brand-logo{ width:7.1875rem; height:auto; } .w-33{ width:33%; } .plans h1{ text-align: center; font-size: 1.625rem; font-weight: 500; line-height: 1.2; } .plans .card{ padding:1rem; border-radius: var(--Radius-Radius-1x, 0.25rem); border: 2px solid var(--Stroke-stroke-primary, #BFC2C4); background: var(--Background-background-primary, #FFF); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); text-decoration: none; } .plans .card h3{ font-family: Arial; font-size: 1.1875rem; font-weight: 400; line-height: normal; } .plans .card .price{ font-family: Arial; font-size: 0.875rem; font-style: normal; font-weight: 700; } .plans .card .includes span{ border-radius: var(--Numbers-Spacing-72-px, 4.5rem); background: #B5F25B; color: #1D4321; font-family: Arial; font-size: 0.75rem; font-weight: 700; padding:.25rem .75rem; } .plans .card li{ color: var(--Text-text-secondary, #5D6669); font-family: Arial; font-size: 0.875rem; font-weight: 400; margin: 0 0 .25rem; } .plans .card li:last-of-type{ margin:0; } .plans h2{ text-align: center; font-family: Korolev; font-size: 1.375rem; font-weight: 500; } .plans .card:last-of-type{ margin-bottom:1rem; } .w-33{ width:33%; } @media(max-width:991px){ .simple-header .nav-item{ border-top:1px solid #ccc; } } @media(min-width:768px){ .plans .card-header, .plans .card-body{ width:50% } } @media(min-width:992px){ .plans{ padding:3rem 0; } .simple-header, .simple-header .navbar { background-color: #FFF; } .simple-header .navbar-collapse { padding-top: 0; justify-content: end; } .simple-header .nav-link { padding:.5rem; } .simple-header .nav-link { font-family: korolev; font-size: 1.125rem; } .simple-header .navbar-expand-lg .navbar-nav { gap:.75rem } .simple-header .brand-logo{ width:12.5rem; } .simple-header .navbar > .container-fluid { margin-bottom:1.5rem; } .simple-header .nav-link:hover{ border-radius: 0.625rem; background: var(--Colors-Brand-Mint, #EFF6E4); } .plans .card:hover{ border: 2px solid #1D4321; } .plans .card:hover h3{ color:#006B00; } .plans .card:hover li { color: #29353A; } .plans .food-img { border-radius:.5rem; } } @media(min-width: 1200px){ .plans{ padding-bottom:3rem; } .plans h1 { font-size: 2.375rem; } .plans .card{ min-height:9.25rem; } .plans .food-img{ width: 35.5rem; } .plans .card h3 { font-size: 1.375rem; } .plans h2 { font-size: 1.625rem; } } @media(min-width:1440px){ .simple-header .navbar, .simple-header .prog-bar{ padding:0 3rem; } }