/* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ body { padding-top: 3rem; padding-top:0rem; padding-bottom: 3rem; padding-bottom:0rem; color: #5a5a5a; } .greekfont { font-family: "Greekish"; } .btn-primary.focus, .btn-primary:focus { box-shadow:unset; } /* CUSTOMIZE THE JUMBOTRON -------------------------------------------------- */ .jumbotron { background-color:#43a9e4; } .jumbotron h1 { color:#111111; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 4rem; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; bottom: 3rem; } /* Declare heights because of positioning of img element */ .carousel-item { height: 32rem; background-color: #777; } .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; } .marketing h2 { font-weight: normal; } .marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; } /* Featurettes ------------------------- */ .featurette-divider { margin: 5rem 0; /* Space out the Bootstrap
more */ } /* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -.05rem; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 40em) { /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 62em) { .featurette-heading { margin-top: 7rem; } } @media (max-width: 280px) { /* #upper-bar { width:97%; } #upper-bar .container { padding-right:5px; } #upper-bar img { height:60px; } #upper-bar h2 { font-size:16px; position:relative; left:2px; top:4px; } #upper-bar h2 span { position:relative; left:4px; top: -2px; } #upper-bar h3 { font-size:20px; padding-left:21px; clear:left; text-align:right; } #attention { border-radius:0px; padding-left:0px; padding-right:0px; padding-top:11px; padding-bottom:0px; margin-bottom:17px; } #attention .container { padding-left:9px; padding-right:9px; } #attention .display-3 { font-size:29px; line-height:31px; text-align:center; } #attention .spacer-1 { padding-right:5px; } #attention .greekfont { font-size:35px; position:relative; top: -1px; left:1px; } #attention h2 { font-size:22px; border-top: 10px solid #fff; border-left: 10px solid #ffff; margin-right: -9px; margin-left: -9px; padding-top:3px; padding-bottom:5px; padding-left:5px; text-shadow: 1px 1px #000; color:#fff; } #attention h2 span { font-size:18px; text-shadow:none; color:#333; } #featuring h1 { font-size:20px; } .marketing img { width:140px; height:140px; } .marketing h2 { font-size:30px; } */ } @media (min-width: 281px) and (max-width: 430px) { /* #upper-bar { width:97%; border-top: 6px solid #213206; height:unset; margin-bottom:11px; } #upper-bar .container { padding-right:5px; height:165px; } #upper-bar img { height:70px; } #upper-bar h2 { font-size:26px; position:relative; left:4px; top:7px; } #upper-bar h2 span { font-size:19px; display:block; text-align:right; padding-top:3px; padding-right:23px; font-family: 'Droid Serif', serif; font-style:italic; font-weight:700; } #upper-bar h3 { font-size:20px;font-size:19px; padding-left:31px;padding-left:10px; padding-right:8px; clear:left; letter-spacing:0px; padding-top:1px; text-align:right; } #upper-bar h3 span:nth-child(2) { display:block; font-size:18px; } #attention { border-radius:0px; padding-left:0px; padding-right:0px; padding-top:11px; padding-bottom:0px; margin-bottom:17px; } #attention .container { padding-left:9px; padding-right:9px; } #attention .display-3 { font-size:35px; line-height:31px; padding-left:10px; padding-right:10px; padding-bottom:6px; text-align:center; } #attention .spacer-1 { padding-right:5px; } #attention .greekfont { font-size:38px; position:relative; top:1px; } #attention h2 { font-size:28px; border-top: 10px solid #fff; border-left: 10px solid #ffff; margin-right: -9px; margin-left: -9px; padding-top:3px; padding-bottom:10px; padding-left:5px; letter-spacing:1px; text-shadow: 1px 1px #000; color:#fff; } #attention h2 span { font-size:21px; letter-spacing:0px; padding-left:20px; text-shadow:none; color:#333; } #featuring h1 { font-size:20px; } .marketing img { width:210px; height:210px; } .marketing h2 { font-size:30px; } */ } @media (min-width: 281px) and (max-width: 350px) { /* #upper-bar { height:135px; } #upper-bar .container { height:138px; } #upper-bar img { height:60px; } #upper-bar h2 { font-size:24px; } #upper-bar h2 span { left:6px; font-size:14px; } #upper-bar h3 { padding-left:25px; letter-spacing:0px; padding-top:2px; } #attention .jumbotron { padding-top:10px; } #attention .display-3 { padding-bottom:5px; } #attention .greekfont { font-size:36px; position:relative; top: -1px; left:1px; letter-spacing:1px; } #attention h2 { border-top-width:7px; border-left-width:16px; padding-top:4px; padding-left:0px; text-align:right; padding-right:15px; line-height:25px; } #attention h2 span { letter-spacing:1px; padding-left:0px; position:relative; top:2px; } */ } @media (min-width: 431px) and (max-width: 584px) { /* #upper-bar { width:97%; height:126px; margin-bottom:10px; } #upper-bar .container { padding-right:5px; height:125px; } #upper-bar img { height:70px; } #upper-bar h2 { font-size:26px; position:relative; left:12px; top:7px; letter-spacing:1px; } #upper-bar h2 span { position:relative; left: -19px; font-size:19px; display:block; text-align:right; } #upper-bar h3 { font-size:20px; padding-left:18px; padding-right:10px; clear:left; letter-spacing:1px; padding-top:1px; text-align:right; } #attention { border-radius:0px; padding-left:0px; padding-right:0px; padding-top:8px; padding-bottom:0px; margin-bottom:17px; } #attention .container { padding-left:9px; padding-right:9px; } #attention .display-3 { font-size:31px; line-height:32px; padding-left:8px; padding-right:8px; padding-bottom:1px; text-align:center; } #attention .spacer-1 { padding-right:0px; } #attention .greekfont { font-size:36px; position:relative; top:0px; } #attention h2 { font-size:24px; border-top: 10px solid #fff; border-left: 10px solid #ffff; margin-right: -9px; margin-left: -9px; padding-top:6px; padding-bottom:10px; padding-left:8px; letter-spacing:1px; text-shadow: 1px 1px #000; color:#fff; line-height:28px; } #attention h2 span { font-size:20px; letter-spacing:0px; padding-left:2px; text-shadow:none; color:#333; } #featuring h1 { font-size:20px; } .marketing img { width:210px; height:210px; } .marketing h2 { font-size:30px; } */ } @media (min-width: 525px) and (max-width: 584px) { /* #upper-bar h2 span { letter-spacing:0px; padding-left:167px; } #upper-bar h3 { padding-top:1px; line-height:24px; } #attention h2 { padding-left:7px; letter-spacing:2px; } #attention h2 span { letter-spacing:2px; padding-left:34px; } */ } @media (min-width: 585px) and (max-width: 1096px) { /* #upper-bar { height:146px; margin-bottom:10px; } #upper-bar .container { height:145px; padding-right:10px; } #upper-bar img { height:145px; margin-left: -30px; } #upper-bar h2 { font-size:28px; padding-top:3px; } #upper-bar h2 span { font-size:20px; padding-left:94px; position:relative; top: -6px; font-style:italic; } #upper-bar h3 { font-size:24px; letter-spacing:1px; margin-top: -5px; text-align:right; padding-right:7px; line-height:25px; } #attention { border-radius:0px; border-left: 10px solid #fff; padding-top:25px; padding-left:10px; padding-right:10px; padding-bottom:20px; } #attention .container { padding-left:0px; padding-right:0px; } #attention .display-3 { font-size:54px; line-height:54px; text-align:center; padding-left:22px; padding-right:22px; } #attention .spacer-1 { font-size:60px; } #attention .greekfont { font-size:62px; letter-spacing:1px; position:relative; left:3px; top:1px; } #attention h2 { margin-top:33px; text-shadow: 1px 1px #000; color:#fff; font-size:32px; text-align:center; } #attention h2 span { font-size:24px; letter-spacing:0px; padding-left:7px; text-shadow:none; color:#333; } */ } /*------------------------------------- BASIC STYLING FOR ALL SIZE CATEGORIES ---------------------------------------*/ #grapes-panel { border-radius:0px; padding:0; font-family:'Roboto',sans-serif; background-color:#cdcc34; } #grapes-panel .upper img { height:62px; float:left; } #grapes-panel .upper div:nth-of-type(1) { font-family:'Roboto',sans-serif; font-weight:700; color:#ffffff; text-shadow: 0px 0px 3px #000000; } #grapes-panel .upper div:nth-of-type(2) { font-family:'Droid Serif',serif; font-weight:700; color:#3a000b; text-shadow: 0px 0px 5px #ffffff; } #grapes-panel .lower { font-family:'Roboto',sans-serif; } #grapes-panel .lower div:nth-of-type(1) { font-style:italic; color:#5566b3; } #grapes-panel .lower div:nth-of-type(1) span { font-style:normal; font-weight:500; } #grapes-panel .lower div:nth-of-type(2) { text-shadow:none; color:#ffffff; border-radius:10px 0 0 10px; background-color:#213206; } #attention { border-radius:0px; padding-top:35px; padding-bottom:38px; margin-bottom:21px; } #attention .container { padding-left:10px; padding-right:10px; } #attention h1 { font-family:'Droid Serif',serif; font-weight:400; font-size:20px; line-height:24px; color:#000000; width:90%; margin-left:10%; } #attention span.spacer-1 { font-size:23px; line-height:23px; } #attention span.greekfont { font-size:28px; line-height:29px; } #attention span.spacer-2 { font-size:25px; line-height:25px; color:#5566b3; } #attention span.fa-plus { font-size:22px; position:relative; top: -2px; } #attention span.spacer-3 { } #main-day div { font-family:'Roboto',sans-serif; font-weight:500; text-shadow: 1px 1px #000; color:#ffffff; font-size:34px; line-height:34px; padding-top:25px; padding-bottom:20px; text-align:left; } #main-day span { text-shadow:none; color:#333333; font-size:27px; line-height:27px; font-weight:500; letter-spacing: -1px; color:#5a5a5a; } #bonus-day div { font-family:'Roboto',sans-serif; font-size:22px; line-height:23px; display:block; text-align:right; color:#5566b3; } #bonus-day div span.bold { font-weight:700; letter-spacing:1px; } #bonus-day div:nth-of-type(2) { font-size:20px; } #items { background-color:#eee; } #items .container { background-color:#fff; padding-bottom:55px; } #items .sweets { background-color:#fff; } #items .sweets .row { text-align:center; } #items .lunch { background-color:#fff; } #items .lunch { padding-right:0px; margin-bottom:0px; } #items .lunch .menu-heading { margin-bottom:0px; } #items .lunch .menu-heading div { border-radius: 30px 30px 0px 0px; width:100%; text-align:center; padding-left:0px; padding-right:0px; } #items .lunch .lunch-hours > div { padding:12px 9px 25px 9px; font-family:'Droid Serif',serif; font-weight:400; text-align:center; font-size:17px; line-height:20px; } #items .lunch .lunch-hours > div > b:nth-of-type(1) { font-size:19px; } #items .lunch .lunch-hours > div > b:nth-of-type(2) { letter-spacing:1px; font-size:19px; line-height:22px; position:relative; top:5px; display:block; } #items .lunch ul { margin-left:45px; padding-left:0px; padding-right:10px; padding-top:2px; text-align:left; } #items .lunch ul li { font-family:'Roboto',sans-serif; font-weight:400; font-size:19px; line-height:23px; padding-bottom:20px; } #items .lunch ul li b { font-weight:500; font-size:20px; } #items .lunch ul li span { font-size:17px; } #items .lunch .row div:nth-of-type(3) div:nth-of-type(2) { text-align:center; font-size:23px; line-height:24px; padding:18px 0px 19px 0px; } #items .lunch .row div:nth-of-type(3) div:nth-of-type(2) span { font-size:18px; position:relative; top:-5px; } #items #smart div { width:210px; height:210px; } #items .buy-now { margin-top:2px; } #items .buy-now a, #mainBuyButton div { color:#adff2f; background-color:#0069d9; } #items .buy-now a:hover { color:#ffffff; background-color:#007bff; } #items .buy-now .btn, #mainBuyButton div { white-space:unset; padding-left:7px; padding-right:7px; } #items .buy-now a.btn span:nth-of-type(1), #mainBuyButton div span:nth-of-type(1) { font-family:'Roboto',sans-serif; font-size:20px; font-weight:500; } #items .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { font-size:19px; } #items .buy-now img { display:block; margin:5px auto; margin-top:10px; } #directions { background-color:#ffffff; padding-top:44px; padding-bottom:50px; } #directions img.parish { width:100%; padding-bottom:20px; } #directions .lead { text-align:center; font-size:17px; line-height:20px; } #directions .lead > span { font-size:18px; line-height:22px; } footer { margin-top:40px; padding-top:25px; padding-bottom:20px; border-top:1px solid #43a9e4; } footer p { font-size:14px; } footer a { color:#777; } .googleMap { background: url(http://maps.google.com/maps/api/staticmap?size=560x380&zoom=13&maptype=roadmap&markers=color:red|q=Holy+Trinity+Greek+Orthodox,+1701+East+Saginaw+Street,+Lansing+Charter+Township,+MI&sensor=false) center center no-repeat; } .gradient-1 { background: #43a9e4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYTllNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNjMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #43a9e4 0%, #cdcc34 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43a9e4), color-stop(100%,#cdcc34)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #43a9e4 0%,#cdcc34 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #43a9e4 0%,#cdcc34 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #43a9e4 0%,#cdcc34 100%); /* IE10 preview */ background: linear-gradient(to bottom, #43a9e4 0%,#cdcc34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a9e4', endColorstr='#cdcc34',GradientType=0 ); /* IE6-8 */ } /* BASE FOR ALL BOOTSTRAP "extra small" SIZE CATEGORIES */ @media (max-width:576px) { #grapes-panel { border-top-width:6px; margin-bottom:11px; width:97%; border-top-style:solid; border-top-color:#213206; font-family:'Roboto',sans-serif; background-color:#cdcc34; } #grapes-panel .container { padding:0; } #grapes-panel .upper img { height:62px; float:left; } #grapes-panel .upper div:nth-of-type(1) { font-size:27px; top: -1px; position:relative; } #grapes-panel .upper div:nth-of-type(2) { font-size:19px; top: -10px; position:relative; } #grapes-panel .lower { margin-top: -3px; padding-right:9px; clear:both; text-align:right; letter-spacing:0px; padding-top:0; padding-bottom:0; padding-left:0; } #grapes-panel .lower div:nth-of-type(1) { font-size:19px; line-height:20px; } #grapes-panel .lower div:nth-of-type(1) span { letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(2) { font-size:22px; line-height:23px; font-weight:700; padding:4px 10px 3px 0; margin:8px -9px 5px 10px; } #grapes-panel .lower div:nth-of-type(3) { font-size:13px; line-height:15px; padding-bottom:6px; } #attention { padding-top:9px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin-bottom:12px; } #attention .container { padding-left:0px; padding-right:0px; margin-left:0px; } #attention .container h1 { margin-left:0px; width:100%; font-size:24px; line-height:24px; text-align:center; padding-bottom:4px; } #attention .container h1 .greekfont { font-size:32px; line-height:32px; position:relative; top:2px; } #attention .container h1 .spacer-2 { font-size:28px; line-height:28px; } #attention .container h1 .fa-plus { font-size:16px; top:0px; } #attention .container h1 .spacer-3 { font-size:19px; line-height:24px; } #main-day { border-left: 9px solid #fff; border-top: 10px solid #fff; } #main-day div { padding: 3px 3px 0px 9px; font-size:28px; line-height:31px; } #main-day div span { display:block; text-align:right; font-size:21px; line-height:25px; padding-right:6px; } #bonus-day { border-left: 9px solid #fff; padding-top:9px; padding-right:10px; padding-bottom:9px; padding-left:10px; } #bonus-day div { font-size:15px; line-height:16px; text-align:right; } #bonus-day div:nth-of-type(1) { border-top: 1px solid #5a5a5a; padding-top:6px; } #bonus-day div:nth-of-type(1) span:nth-of-type(1) { display:block; } #bonus-day div:nth-of-type(2) { font-size:15px; line-height:15px; text-align:right; padding-top:5px; letter-spacing:1px; } #items > .container { padding-left:0px; padding-right:0px; } #items > .container > .row { margin-left:0px; margin-right:0px; } #items .menu-heading { margin-bottom:25px; } #items .menu-heading div { font-family:"Roboto",sans-serif; font-weight:500; font-size:21px; line-height:25px; color:#fff; padding:7px 0px 10px 0px; background-color:#213206; letter-spacing:1px; } #items .menu-heading div span:nth-of-type(1) { display:block; font-weight:400; font-size:20px; letter-spacing:0px; } #items .menu-heading div span:nth-of-type(1) span { display:inline; font-size:21px; } #items .sweets { padding-left:0px; padding-right:0px; } #items .sweets > .row { margin-left:0px; margin-right:0px; } #items .sweets .menu-heading { margin-left:0px; padding-left:0px; padding-right:0px; margin-bottom:14px; } #items .sweets .menu-heading div { margin-left:0px; border-radius: 0px 30px 30px 0px; width:100%; text-align:left; padding-left:11px; padding-right:0px; } #items .sweets .menu-heading div > span { font-size:17px; letter-spacing:1px; } #items .sweets .menu-heading div > span > span { font-size:20px; } #items .sweets .row .product { padding-left:5px; padding-right:3px; } #items .sweets .row .product img { width:140px; height:140px; } #items .sweets .row .product h2 { font-size:20px; line-height:20px; margin-top:1px; } #items .sweets .row .product p { font-size:15px; line-height:17px; padding:0px 10px 0px 10px; margin-bottom:20px; } #items .sweets .row > .buy-now { margin-top:5px; margin-bottom:22px; } #items .sweets .row > .buy-now a.btn span:nth-of-type(1), #mainBuyButton div span:nth-of-type(1) { line-height:32px; } #items .sweets .row > .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { font-size:16px; letter-spacing:1px; line-height:41px; position:relative; top:7px; display:block; } #items .sweets .row > .buy-now img { max-width:100%; margin-top:0px; } #items .lunch { padding-left:3px; padding-right:3px; margin-bottom:0px; } #items .lunch .menu-heading { margin-bottom:0px; } #items .lunch .menu-heading div { border-radius: 30px 30px 0px 0px; width:100%; text-align:center; padding-left:0px; padding-right:0px; } #items .lunch .menu-heading .lunch-hours b:nth-of-type(1) { display:block; } #items #smart { font-family:'Droid Serif',serif; font-weight:400; padding-left:5px; padding-right:3px; } #items #smart div { width:140px; height:140px; } #items #smart h2 { color:#b8b835; font-size:48px; line-height:48px; position:relative; top: -1px; } #items #smart div p { margin-top: -33px; padding-left:7px; padding-right:7px; font-size:13px; line-height:18px; } #homemade { display:none; } #directions { padding-top:15px; padding-bottom:33px; } #directions img { max-width:100%; } #directions img.parish { padding-bottom:10px; } #more-reasons { display:none; } #about-us { display:none; } footer { margin-top:0px; padding-top:16px; } footer p { width:60%; line-height:18px; } footer a { display:block; text-align:right; } footer a.terms { position:relative; left:10px; top:16px; } } @media (max-width: 319px) { #grapes-panel { border-top-width:5px; } #grapes-panel .upper img { height:65px; } #grapes-panel .upper div:nth-of-type(1) { font-size:20px; top: -2px; } #grapes-panel .upper div:nth-of-type(2) { font-size:17px; top: -8px; line-height:19px; } #grapes-panel .lower { margin-top: -2px; padding-right:7px; } #grapes-panel .lower div:nth-of-type(1) { line-height:19px; } #grapes-panel .lower div:nth-of-type(2) { font-size:24px; line-height:25px; padding-top:5px; padding-bottom:4px; margin-right: -7px; } #grapes-panel .lower div:nth-of-type(3) { } #main-day { border-left-width:7px; border-top-width:9px; } #main-day div { padding: 5px 3px 0px 6px; font-size:23px; line-height:29px; } #bonus-day { border-left-width:7px; } #items .container { padding-bottom:25px; } #items .sweets .row .product h2 { font-size:15px; } #items .sweets .row .product img { width:105px; height:105px; } #items .sweets .row > .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { top:11px; line-height:20px; padding-bottom:14px; } #items #smart div { width:105px; height:105px; border-radius:158px; } #items #smart div p { line-height:13px; margin-top: -34px; } #directions h2 { font-size:30px; } #directions h3 { font-size:20px; } #directions .lead { font-size:16px; } footer a.terms { left:30px; top:17px; } } @media (min-width: 320px) and (max-width: 359px) { #grapes-panel { border-top-width:5px; } #grapes-panel .upper img { height:56px; padding-right:10px; } #grapes-panel .upper div:nth-of-type(1) { font-size:20px; top:0px; } #grapes-panel .upper div:nth-of-type(2) { font-size:17px; top: -2px; line-height:19px; left: -6px; } #grapes-panel .lower { margin-top: -2px; text-align:left; padding-left:15px; } #grapes-panel .lower div:nth-of-type(1) { line-height:19px; padding-left:15px; position:relative; top: -2px; } #grapes-panel .lower div:nth-of-type(1) span { display:block; padding-bottom:2px; text-indent: -13px; } #grapes-panel .lower div:nth-of-type(2) { font-size:26px; line-height:26px; padding:5px 10px 4px 80px; text-indent: -66px; text-align:left; margin-top:5px; margin-bottom:4px; } #grapes-panel .lower div:nth-of-type(3) { font-size:14px; line-height:16px; padding-bottom:3px; padding-left:75px; text-align:right; position:relative; right: -4px; } #attention .container h1 { font-size:27px; line-height:27px; padding-top:0px; padding-right:20px; padding-bottom:1px; padding-left: 20px; } #attention .container h1 .spacer-1 { font-size:28px; line-height:28px; } #attention .container h1 .greekfont { font-size:35px; line-height:35px; } #attention .container h1 .spacer-2 { font-size:28px; line-height:28px; } #attention .container h1 .spacer-3 { font-size:21px; } #main-day div { font-size:27px; line-height:28px; padding-top:4px; padding-left:8px; padding-right:1px; } #main-day div span { padding-top:6px; padding-right:7px; font-size:23px; line-height:26px; } #bonus-day { padding-left:1px; padding-right:3px; padding-bottom:10px; } #items .container { padding-bottom:30px; } #items .lunch ul { padding-right:20px; } #directions .lead > span { line-height:25px; } footer p { width:50%; } footer a.terms { left:51px; top:19px; } } @media (min-width: 360px) and (max-width: 374px) { #grapes-panel { border-top-width:6px; margin-bottom:11px; } #grapes-panel .upper img { height:62px; } #grapes-panel .upper div:nth-of-type(1) { font-size:27px; top: -1px; } #grapes-panel .upper div:nth-of-type(2) { font-size:19px; top: -10px; } #grapes-panel .lower { margin-top: -3px; padding-right:9px; } #grapes-panel .lower div:nth-of-type(1) { font-size:19px; line-height:20px; } #grapes-panel .lower div:nth-of-type(2) { font-size:22px; line-height:23px; padding:4px 10px 3px 0; margin:8px -9px 5px 10px; } #grapes-panel .lower div:nth-of-type(3) { font-size:13px; line-height:15px; padding-bottom:6px; } #attention .container h1 { padding-left:40px; padding-right:40px; font-size:28px; } #attention .container h1 .spacer-1 { font-size:28px; line-height:28px; } #attention .container h1 .greekfont { font-size:34px; line-height:34px; } #attention .container h1 .spacer-2 { font-size:30px; line-height:30px; } #attention .container h1 .spacer-3 { font-size:21px; line-height:25px; } #main-day div { font-size:25px; text-indent: -50px; margin-left:50px; } #main-day div span { padding-left:20px; padding-top:2px; } #items .container { padding-bottom:30px; } #items .lunch .lunch-hours > div { padding-left:25px; padding-right:25px; } #directions .lead { padding-left:25px; padding-right:25px; } #directions .lead > span { line-height:23px; } #directions h3 { font-size:25px; } footer a.terms { left:17px;left:0px; top:17px; text-align:left; } } @media (min-width: 375px) and (max-width: 413px) { #grapes-panel .lower div:nth-of-type(2) { font-size:23px; line-height:24px; } #attention .container h1 { padding-left:15%; padding-right:15%; font-size:28px; } #attention .container h1 .spacer-1 { font-size:28px; line-height:28px; } #attention .container h1 .greekfont { font-size:34px; line-height:34px; } #attention .container h1 .spacer-2 { font-size:30px; line-height:30px; } #attention .container h1 .spacer-3 { font-size:21px; line-height:25px; } #main-day div { font-size:25px; text-indent: -10%; margin-left:10%; padding-right:9%; } #main-day div span { padding-left:20px; padding-top:2px; position:relative; right: -9%; } #items .container { padding-bottom:30px; } #directions h3 { font-size:22px; } #directions .lead { padding-left:20px; padding-right:20px; } #directions .lead > span { line-height:25px; } footer a.terms { left:17px;left:0px; top:18px; text-align:left; } } @media (min-width: 414px) and (max-width: 479px) { #attention .container h1 { padding-left:15%; padding-right:15%; font-size:28px; } #attention .container h1 .spacer-1 { font-size:28px; line-height:28px; } #attention .container h1 .greekfont { font-size:34px; line-height:34px; } #attention .container h1 .spacer-2 { font-size:30px; line-height:30px; } #attention .container h1 .spacer-3 { font-size:21px; line-height:25px; } #main-day div { font-size:25px; text-indent: -12%; margin-left:12%; padding-right:11%; } #main-day div span { padding-left:20px; padding-top:2px; position:relative; right: -11%; } #bonus-day { padding-top:6px; } #bonus-day div:nth-of-type(1) { font-size:16px; line-height:17px; } #bonus-day div:nth-of-type(2) { letter-spacing:0px; } #items .container { padding-bottom:40px; } #directions .lead > span { line-height:25px; } footer { padding-bottom:16px; } footer a.terms { left:0px; text-align:left; } } @media (min-width: 480px) and (max-width: 567px) { #grapes-panel .lower div:nth-of-type(1) { font-size:17px; text-align:right; position:relative; top: -30px; } #grapes-panel .lower div:nth-of-type(1) span { display:block; padding-bottom:4px; } #grapes-panel .lower div:nth-of-type(2) { margin: -25px -9px 4px 55px; padding-top:5px; padding-bottom:4px; letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(3) { padding-bottom:3px; font-size:14px; } #attention .container h1 { padding-left:10%; padding-right:10%; } #main-day div { font-size:26px; padding-left:12px; } #main-day div span { margin-top: -26px; font-size:22px; padding-right:8px; } #bonus-day div:nth-of-type(1) { font-size:16px; line-height:17px; } #directions h2 { font-size:27px; } footer { padding-top:10px; padding-bottom:9px; } footer a.terms { top:11px; left:8px;left:0px; text-align:left; } } @media (min-width: 568px) and (max-width: 576px) { #grapes-panel .upper div:nth-of-type(1) { top: -2px; } #grapes-panel .upper div:nth-of-type(2) { top: -12px; } #grapes-panel .lower div:nth-of-type(1) { font-size:17px; text-align:right; position:relative; top: -7px; } #grapes-panel .lower div:nth-of-type(1) span { display:inline; font-size:18px; padding-bottom:0px; position:relative; top:32px; left:5px; } #grapes-panel .lower div:nth-of-type(2) { font-size:23px; line-height:24px; margin: -3px -9px 5px 130px; padding-top:6px; padding-bottom:5px; letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(3) { padding-bottom:3px; font-size:14px; } #attention .container h1 { padding-left:14%; padding-right:14%; font-size:25px; line-height:25px; } #attention .container h1 .spacer-1 { font-size:26px; line-height:26px; } #attention .container h1 .greekfont { font-size:33px; line-height:33px; } #attention .container h1 .spacer-2 { font-size:29px; line-height:29px; } #attention .container h1 .fa-plus { top: -1px; } #attention .container h1 .spacer-3 { font-size:21px; line-height:26px; } #main-day div { font-size:26px; padding-left:12px; } #main-day div span { margin-top:0px; font-size:22px; padding-right:8px; padding-top:5px; letter-spacing:1px; } #bonus-day { padding-left:5px; padding-right:5px; } #bonus-day div:nth-of-type(1) { font-size:16px; line-height:17px; } #bonus-day div:nth-of-type(2) { font-size:15px; line-height:15px; } #directions h3 { font-size:23px; } footer a.terms { left:2px;left:0px; top:19px; text-align:left; } } /* MULTIPLE CATEGORIES -BASE- FOR ALL BOOTSTRAP "small, medium, large" SIZE CATEGORIES for PRODUCTS section only */ @media (min-width: 577px) and (max-width: 1199px) { #items { background-color:#ffffff; } #items .container { padding-left:0px; padding-right:0px; max-width:unset; } #items .container .row { margin-left:0px; margin-right:0px; } #items .menu-heading { margin-bottom:25px; } #items .menu-heading div { font-family:"Roboto",sans-serif; font-weight:500; font-size:22px; line-height:26px; color:#fff; padding:7px 0px 10px 0px; background-color:#213206; letter-spacing:1px; } #items .menu-heading div span:nth-of-type(1) { display:block; font-weight:400; font-size:20px; letter-spacing:0px; } #items .menu-heading div span:nth-of-type(1) span { display:inline; font-size:21px; } #items .sweets { padding-left:0px; padding-right:0px; } #items .sweets .menu-heading { margin-left:0px; padding-left:0px; margin-bottom:22px; } #items .sweets .menu-heading div { margin-left:0px; border-radius: 0px 30px 30px 0px; width:100%; text-align:left; padding-left:15px; padding-right:0px; } #items .sweets .menu-heading div span { font-size:18px; } #items .sweets .row .product { padding-left:8px; padding-right:0px; } #items .sweets .row .product img { width:160px; height:160px; } #items .sweets .row .product h2 { font-size:22px; line-height:22px; margin-top:1px; } #items .sweets .row .product p { font-size:16px; line-height:19px; padding:0px 10px 0px 10px; margin-bottom:20px; } #items .lunch { padding-left:11px; padding-right:3px; margin-bottom:0px; } #items .lunch .menu-heading { margin-bottom:0px; } #items .lunch .menu-heading div { border-radius: 30px 30px 0px 0px; width:100%; text-align:center; padding-left:0px; padding-right:0px; } #items .lunch .menu-heading .lunch-hours b:nth-of-type(1) { display:block; } #items #smart { font-family:'Droid Serif',serif; font-weight:400; } #items #smart div { width:160px; height:160px; } #items #smart h2 { color:#b8b835; font-size:48px; line-height:48px; position:relative; top: -1px; } #items #smart div p { margin-top: -33px; padding-left:7px; padding-right:7px; font-size:13px; line-height:18px; } footer { margin-top:0px; padding-top:16px; } footer p { width:60%; line-height:18px; } footer a { display:block; text-align:right; } footer a.terms { text-align:left; position:relative; left:0px; top:16px; } } /* BASE FOR ALL BOOTSTRAP "small" SIZE CATEGORIES */ @media (min-width: 577px) and (max-width: 767px) { #grapes-panel { margin-bottom:11px; } #grapes-panel .container { padding:0; max-width:unset; } #grapes-panel .upper { padding-bottom:15px; } #grapes-panel .upper img { height:100px; margin-left: -10px; } #grapes-panel .upper div:nth-of-type(1) { display:inline; font-size:26px; line-height:26px; margin-left:5px; position:relative; top:3px; } #grapes-panel .upper div:nth-of-type(2) { display:inline; font-size:20px; line-height:20px; padding-left:10px; position:relative; top:3px; } #grapes-panel .lower { font-size:15px; margin-top: -11px; margin-left:10px; } #grapes-panel .lower div:nth-of-type(1) { display:inline-block; margin-left:17px; } #grapes-panel .lower div:nth-of-type(1) span { letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(2) { font-size:24px; line-height:25px; padding: 5px 0px 4px 0px; letter-spacing:1px; text-align:center; margin-top: -1px; border-radius:0; } #grapes-panel .lower div:nth-of-type(3) { font-size:15px; line-height:15px; padding: 6px 3px 4px 0; text-align:right; } #attention { padding-top:12px; padding-right:0px; padding-bottom:0px; padding-left:0px; } #attention .container { padding-left:0px; padding-right:0px; margin-left:0px; max-width:unset; } #attention .container h1 { margin-left:0px; width:100%; font-size:30px; line-height:34px; text-align:center; padding-bottom:5px; padding-left:11%; padding-right:11%; } #attention .container h1 .spacer-1 { font-size:33px; line-height:26px; } #attention .container h1 .greekfont { font-size:38px; line-height:33px; position:relative; top:2px; } #attention .container h1 .spacer-2 { font-size:30px; line-height:29px; } #attention .container h1 .fa-plus { font-size:18px; top: -1px; } #attention .container h1 .spacer-3 { font-size:22px; line-height:26px; position:relative; top: -1px; } #main-day { border-left: 15px solid #fff; border-top: 11px solid #ffffff; } #main-day div { padding: 3px 3px 5px 12px; font-size:26px; line-height:31px; } #main-day div span { display:block; text-align:right; font-size:22px; line-height:25px; padding-top:5px; padding-right:8px; margin-top:0px; letter-spacing:1px; } #bonus-day { border-left: 15px solid #fff; padding-top:9px; padding-right:5px; padding-bottom:9px; padding-left:5px; } #bonus-day div { font-size:15px; line-height:16px; text-align:center; } #bonus-day div:nth-of-type(1) { border-top: 1px solid #5a5a5a; padding-top:8px; font-size:16px; line-height:17px; } #bonus-day div:nth-of-type(1) span:nth-of-type(1) { display:block; } #bonus-day div:nth-of-type(2) { font-size:15px; line-height:15px; text-align:center; padding-top:5px; letter-spacing:1px; } #items { background-color:#ffffff; } #items .container { padding-left:0px; padding-right:0px; max-width:unset; } #items .container .row { margin-left:0px; margin-right:0px; } #items .menu-heading { margin-bottom:25px; } #items .menu-heading div { font-family:"Roboto",sans-serif; font-weight:500; font-size:22px; line-height:26px; color:#fff; padding:7px 0px 10px 0px; background-color:#213206; letter-spacing:1px; } #items .menu-heading div span:nth-of-type(1) { display:block; font-weight:400; font-size:20px; letter-spacing:0px; } #items .menu-heading div span:nth-of-type(1) span { display:inline; font-size:21px; } #items .sweets { padding-left:0px; padding-right:0px; } #items .sweets .menu-heading { margin-left:0px; padding-left:0px; margin-bottom:22px; } #items .sweets .menu-heading div { margin-left:0px; border-radius: 0px 30px 30px 0px; width:100%; text-align:left; padding-left:15px; padding-right:0px; } #items .sweets .menu-heading div span { font-size:18px; } #items .sweets .row .product { padding-left:8px; padding-right:0px; } #items .sweets .row .product img { width:160px; height:160px; } #items .sweets .row .product h2 { font-size:22px; line-height:22px; margin-top:1px; } #items .sweets .row .product p { font-size:16px; line-height:19px; padding:0px 10px 0px 10px; margin-bottom:20px; } #items .lunch { padding-left:11px; padding-right:3px; margin-bottom:0px; } #items .lunch .menu-heading { margin-bottom:0px; } #items .lunch .menu-heading div { border-radius: 30px 30px 0px 0px; width:100%; text-align:center; padding-left:0px; padding-right:0px; } #items .lunch .lunch-hours > div { padding-left:15px; padding-right:15px; font-size:17px; line-height:19px; } #items .lunch .menu-heading .lunch-hours b:nth-of-type(1) { display:block; } #items .lunch ul li { font-size:17px; line-height:21px; } #items .lunch ul li b { font-size:18px; } #items #smart { font-family:'Droid Serif',serif; font-weight:400; } #items #smart div { width:160px; height:160px; } #items #smart h2 { color:#b8b835; font-size:48px; line-height:48px; position:relative; top: -1px; } #items #smart div p { margin-top: -33px; padding-left:7px; padding-right:7px; font-size:13px; line-height:18px; } #items .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { font-size:17px; margin-top:15px; display:block; } #items .buy-now img { max-width:100%; } #homemade { display:none; } #directions { padding-top:15px; } #directions img { max-width:100%; } #directions img.parish { padding-bottom:10px; } #more-reasons { display:none; } #about-us { display:none; } } @media (min-width: 577px) and (max-width: 639px) { #grapes-panel .lower { margin-top: -12px; } #grapes-panel .lower div:nth-of-type(1) { margin-left:6px; } #grapes-panel .lower div:nth-of-type(1) span { font-size:15px; } #grapes-panel .lower div:nth-of-type(2) { font-size:23px; line-height:24px; font-weight:500; } #grapes-panel .lower div:nth-of-type(3) { font-size:14px; } #items .container { padding-bottom:32px; } #items #smart div p { margin-top: -26px; padding-left:6px; } #items .buy-now { margin-top:11px; } } @media (min-width: 640px) and (max-width: 666px) { #grapes-panel .lower div:nth-of-type(2) { font-size:23px; line-height:24px; font-weight:500; } #items .container { padding-bottom:20px; } #items .sweets .row .product p { margin-bottom:23px; } #items #smart div p { margin-top: -25px; } #items .buy-now { margin-top:18px; } } @media (min-width: 667px) and (max-width: 735px) { #items .container { padding-bottom:20px; } #items .sweets .row .product p { margin-bottom:26px; } #items #smart div p { margin-top: -25px; } #items .buy-now { margin-top:25px; } } @media (min-width: 736px) and (max-width: 767px) { #items .container { padding-bottom:20px; } #items .sweets .row .product p { margin-bottom:28px; } #items #smart div p { margin-top: -25px; } #items .buy-now { margin-top:29px; } } /* BASE FOR ALL BOOTSTRAP "Medium" SIZE CATEGORIES */ @media (min-width: 768px) and (max-width: 991px) { #grapes-panel { margin-bottom:8px; border-right:20px solid #ffffff; } #grapes-panel .container { padding:0; max-width:unset; } #grapes-panel .upper { padding-bottom:15px; } #grapes-panel .upper img { height:100px; margin-left: -10px; } #grapes-panel .upper div:nth-of-type(1) { display:inline; font-size:26px; line-height:26px; margin-left:5px; position:relative; top:3px; } #grapes-panel .upper div:nth-of-type(2) { display:inline; font-size:20px; line-height:20px; padding-left:10px; position:relative; top:3px; font-weight:500; } #grapes-panel .lower { font-size:16px; margin-top: -11px; margin-left:10px; } #grapes-panel .lower div:nth-of-type(1) { display:inline-block; margin-left:17px; } #grapes-panel .lower div:nth-of-type(1) span { letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(2) { font-size:24px; line-height:25px; padding: 5px 0px 4px 0px; letter-spacing:1px; text-align:center; margin-top: -1px; border-radius:0; } #grapes-panel .lower div:nth-of-type(3) { font-size:15px; line-height:15px; padding: 6px 3px 4px 0; text-align:right; } #attention { padding:0px; } #attention .container { padding:0px; padding-top:13px; margin:0px; max-width:100%; } #attention h1 { font-size:30px; margin:0px auto; text-align:center; padding-bottom:20px; line-height:30px; } #attention span.spacer-1 { font-size:34px; line-height:34px; } #attention span.greekfont { font-size:44px; line-height:44px; position:relative; top:2px; } #attention span.spacer-2 { font-size:36px; line-height:36px; } #attention span.fa-plus { display:block; top:2px; } #attention #main-day { border-left:30px solid #ffffff; border-top:10px solid #ffffff; width:100%; padding-left:15px; } #attention #main-day div { padding-top:7px; } #attention #main-day div span { display:block; text-align:right; padding-top:7px; padding-right:15px; font-size:30px; } #attention #bonus-day { border-left:30px solid #ffffff; padding-top:3px; padding-right:10px; padding-bottom:8px; } #attention #bonus-day div { font-size:16px; line-height:17px; } #attention #bonus-day div:nth-of-type(2) { font-size:16px; } #items #smart h2 { top:2px; } #items #smart div p { margin-top: -22px; } #items .sweets .row .product img { width:164px; height:164px; } #items .sweets .row .product p { margin-bottom:33px; } #items .lunch ul { margin-left:25px; padding-right:3px; } #items .lunch ul li { font-size:17px; line-height:21px; } #items .lunch ul li b { font-size:18px; } #items .buy-now img { margin-top:5px; } #items .buy-now a.btn span:nth-of-type(1), #mainBuyButton div span:nth-of-type(1) { font-size:22px; line-height:30px; padding-left:75px; padding-right:75px; display:block; text-align:center; } #items .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { display:block; padding-top:17px; } #homemade { display:none; } #directions { padding-top:10px; } #directions img { max-width:100%; } #directions img.parish { padding-bottom:5px; } #directions h3 { font-size:24px; line-height:35px; } #directions .lead { line-height:25px; } #directions .lead > span { line-height:35px; padding-top:12px; display:block; } #more-reasons { display:none; } #about-us { display:none; } } /* BASE FOR ALL BOOTSTRAP "LARGE" SIZE CATEGORIES */ @media (min-width: 992px) and (max-width: 1199px) { #grapes-panel { margin-bottom:14px; border-right:60px solid #ffffff; } #grapes-panel .container { padding:0; max-width:unset; } #grapes-panel .upper { padding-bottom:15px; } #grapes-panel .upper img { height:100px; margin-left: -10px; } #grapes-panel .upper div:nth-of-type(1) { display:inline; font-size:26px; line-height:26px; margin-left:5px; position:relative; top:3px; } #grapes-panel .upper div:nth-of-type(2) { display:inline; font-size:20px; line-height:20px; padding-left:10px; position:relative; top:3px; font-weight:500; } #grapes-panel .lower { font-size:18px; margin-top: -15px; margin-left:10px; } #grapes-panel .lower div:nth-of-type(1) { display:inline-block; margin-left:17px; } #grapes-panel .lower div:nth-of-type(1) span { letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(2) { font-size:25px; line-height:26px; padding: 5px 0px 4px 0px; letter-spacing:1px; text-align:center; margin-top: -1px; border-radius:0; } #grapes-panel .lower div:nth-of-type(3) { font-size:15px; line-height:15px; padding: 6px 3px 4px 0; text-align:right; } #attention { padding:0px; } #attention .container { padding:0px; padding-top:14px; margin:0px; max-width:100%; } #attention h1 { font-size:30px; margin:0px auto; text-align:center; padding-bottom:20px; line-height:30px; } #attention span.spacer-1 { font-size:34px; line-height:34px; } #attention span.greekfont { font-size:44px; line-height:44px; position:relative; top:2px; } #attention span.spacer-2 { font-size:36px; line-height:36px; } #attention span.fa-plus { display:block; top:2px; } #attention #main-day { border-left:30px solid #ffffff; border-top:15px solid #ffffff; width:100%; padding-left:15px; } #attention #main-day div { padding-top:6px; } #attention #main-day div span { display:block; text-align:right; padding-top:5px; padding-right:15px; font-size:30px; } #attention #bonus-day { border-left:30px solid #ffffff; padding-top:3px; padding-right:10px; padding-bottom:8px; } #attention #bonus-day div { font-size:16px; line-height:17px; } #attention #bonus-day div:nth-of-type(2) { font-size:16px; } #items #smart h2 { top:2px; } #items #smart div p { margin-top: -22px; } #items .sweets .row .product img { width:180px; height:180px; } #items .sweets .row .product p { margin-bottom:45px; } #items .buy-now { margin-top:24px; } #items .buy-now a.btn span:nth-of-type(1), #mainBuyButton div span:nth-of-type(1) { font-size:24px; line-height:32px; padding-left:150px; padding-right:150px; display:block; text-align:center; } #items .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { display:block; padding-top:17px; } #homemade { display:none; } #directions { padding-top:30px; } #directions img { max-width:100%; } #directions img.parish { /*padding-bottom:10px;*/ } #directions .lead > span { display:block; line-height:32px; padding-top:33px; } #more-reasons { display:none; } #about-us { display:none; } } /* BASE FOR ALL BOOTSTRAP "EXTRA LARGE" SIZE CATEGORIES */ @media (min-width: 1200px) { #grapes-panel { background-color:#eee; margin-bottom:8px; } #grapes-panel .container { padding:0; background-color: #cdcc34; } #grapes-panel .upper { padding-bottom:15px; border-top-right-radius:32px; } #grapes-panel .upper img { height:110px; margin-left:0px; } #grapes-panel .upper div:nth-of-type(1) { display:inline; font-size:27px; line-height:35px; margin-left:5px; position:relative; top:0px; } #grapes-panel .upper div:nth-of-type(2) { display:inline; font-size:21px; line-height:21px; padding-left:10px; position:relative; top:1px; font-weight:500; } #grapes-panel .lower { font-size:20px; margin-top: -12px; margin-left:10px; } #grapes-panel .lower div:nth-of-type(1) { display:inline-block; margin-left:77px; } #grapes-panel .lower div:nth-of-type(1) span { letter-spacing:1px; } #grapes-panel .lower div:nth-of-type(2) { font-size:25px; line-height:26px; padding: 6px 0 7px 0; letter-spacing:1px; text-align:center; margin:2px 0 0 250px; border-radius:0px; font-weight:500; } #grapes-panel .lower div:nth-of-type(3) { font-size:16px; line-height:16px; padding: 8px 3px 7px 0; text-align:right; } #attention { padding-top:35px; padding-bottom:41px; margin-bottom:12px; border-top:1px solid #213206; border-bottom:1px solid #213206; } #attention .container { padding-left:10px; padding-right:10px; } #attention h1 { font-family:'Droid Serif',serif; font-weight:400; font-size:58px; line-height:64px; color:#000000; width:90%; margin-left:10%; } #attention span.spacer-1 { font-size:63px; line-height:63px; } #attention span.greekfont { font-size:68px; line-height:69px; } #attention span.spacer-2 { font-size:65px; line-height:65px; color:#5566b3; } #attention span.fa-plus { font-size:45px; position:relative; top: -2px; } #attention span.spacer-3 { } #main-day div { font-family:'Roboto',sans-serif; font-weight:500; text-shadow: 1px 1px #000; color:#ffffff; font-size:34px; line-height:34px; padding-top:25px; padding-bottom:20px; text-align:left; } #main-day span { text-shadow:none; color:#333333; font-size:27px; line-height:27px; font-weight:500; letter-spacing: -1px; color:#5a5a5a; } #bonus-day div { font-family:'Roboto',sans-serif; font-size:22px; line-height:23px; display:block; text-align:right; color:#5566b3; } #bonus-day div span.bold { font-weight:700; letter-spacing:1px; } #bonus-day div:nth-of-type(2) { font-size:20px; } #items .menu-heading { margin-bottom:25px; } #items .menu-heading div { font-family:"Roboto",sans-serif; font-weight:500; font-size:24px; line-height:26px; color:#fff; padding:7px 0px 10px 0px; background-color:#213206; letter-spacing:1px; } #items .menu-heading div span { font-weight:400; font-size:22px; letter-spacing:0px; } #items .sweets .menu-heading div { margin-left: -15px; border-radius: 0px 30px 30px 0px; width:61%;width:79%; text-align:center; padding-right:15px;padding-right:10px; } #items .sweets .menu-heading div span { font-size:21px; } #items .sweets h2 { margin-bottom:3px; } #items .sweets p { margin-bottom:25px; } #items .sweets .row > .buy-now { margin-top:3px; } #items .sweets .row > .buy-now a.btn, #mainBuyButton div { padding-bottom:2px; } #items .sweets .row > .buy-now a.btn span:nth-of-type(2), #mainBuyButton div span:nth-of-type(2) { font-size:16px; letter-spacing:1px; line-height:41px; position:relative; top:0px; } #items .lunch { padding-right:0px; margin-bottom:0px; } #items .lunch .menu-heading { margin-bottom:0px; } #items .lunch .menu-heading div { border-radius: 30px 30px 0px 0px; width:100%; text-align:center; padding-left:0px; padding-right:0px; } #items .lunch .lunch-hours > div { padding-left:5px; padding-right:5px; } #items .lunch ul { margin-left:45px; padding-left:0px; padding-right:10px; padding-top:2px; text-align:left; } #items .lunch ul li { font-family:'Roboto',sans-serif; font-weight:400; font-size:19px; line-height:23px; padding-bottom:20px; } #items .lunch ul li b { font-weight:500; font-size:20px; } #items .lunch ul li span { font-size:17px; } #items .lunch .row div:nth-of-type(3) div:nth-of-type(2) { text-align:center; font-size:24px; line-height:32px; padding:14px 60px 14px 60px; } #items .lunch .row div:nth-of-type(3) div:nth-of-type(2) span { font-size:18px; position:relative; top:-5px; } #items #smart { font-family:'Droid Serif',serif; font-weight:400; } #items #smart h2 { color:#b8b835; font-size:66px; } #items #smart div p { margin-top: -30px; padding-left:5px; padding-right:5px; font-size:18px; line-height:21px; } /* #items .lunch { padding-left:10px; padding-right:10px; } #items .lunch div { font-family:'Roboto',sans-serif; font-weight:400; } #items .lunch div:nth-of-type(1) { text-align:center; } #items .lunch div:nth-of-type(2) { font-size:17px; line-height:20px; } #items .lunch div:nth-of-type(2) span:nth-of-type(1) { font-size:14px; } #items .lunch div:nth-of-type(2) span:nth-of-type(2) { font-size:15px; } */ #items .buy-now a.btn span:nth-of-type(1), #mainBuyButton div span:nth-of-type(1) { font-size:24px; line-height:24px; letter-spacing:1px; padding-top:2px; display:block; } #homemade { display:none; } #directions { background-color:#eee; padding-top:0px; padding-bottom:0px; } #directions .container { background-color:#ffffff; padding-top:10px; } #directions .lead { font-size:20px; line-height:28px; text-align:left; } #directions .lead > span { display:block; text-align:center; line-height:30px; } #more-reasons { display:none; } #about-us { display:none; } footer { margin-top:50px; } footer p span { display:none; } footer a.totop { display:none; } footer a.terms { float:right; } }