/*=======================================
 	RED SWAN PIZZA CSS
========================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, blockquote { list-style:none; margin:0; padding:0; border:0; font-size:100%; }

html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; margin:0; padding:0;  scroll-behavior: smooth; transition: all .3s ease-in-out;  scroll-padding-top: 200px;}
*, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }

body { background:#fff; color:#444; font:normal 16px/1.5 'Montserrat', Helvetica, Arial, sans-serif; padding:60px 0 0; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; width:100%; }
body.overflow, body.no-scroll { overflow:hidden; }

a { border:none; color:#F15B25; font-weight:700; text-decoration:none; }
a:hover { color:#000000; }

ul, li { display:inline-block; list-style-type:none; }
p { display:inline-block; height:auto; padding:0 0 15px 0; width:100%; }
figure { margin:0; padding:0; }

.img-fluid { max-width:100%; width:100%; display: block; }
.no-padding { padding:0; }
.no-padding-left { padding-left:0; }
.no-padding-right { padding-right:0; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.transition { transition:500ms cubic-bezier(1,0,0,1); }

button { background:none; border:none; font-family:'Montserrat',sans-serif; }
.btn { align-items:center; border-radius:5px; font-size:15px; font-weight:700;  margin:0; position:relative; padding:10px 25px 10px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn:hover { background:#000; color:#FFF; }
.btn-primary { background:#F15B25 ; color:#FFF; }
.btn-secondary { background:#F15B25 ; color:#FFF; }
.btn-white { background:#FFF; color:#F15B25 ; }
.btn-small { padding: 5px 14px; font-size: 14px; }
.btn-nav-ord { margin-left: 20px;}
button, button span { color:#000; }
.orange { color:#F15B25 ; }
.green { color:#39B54A; }
.rounded { border-radius: 10px;}
.container.max-width { max-width: 600px}
.bg-orange { background: #F15B25 !important}

h1, h2, h3, h4, h5, h6 { line-height:1em; margin-bottom: 10px; font-weight:800; font-optical-sizing:auto; font-style: normal; text-transform: uppercase; }
h1 { color:#000000; font-size:64px; }
h2 { color:#000000; font-size:48px; }
h3 { color:#000000; font-size:32px; }
h4 { color:#000000; font-size:24px; }
h5 { color:#000000; font-size:18px; }
h6 { color:#000000; font-size:16px; }

h3 span { display:block; }

b, b font, b i { color:#000000; }
b { font-weight:bold; }

.container { display:flex; flex-direction:column; height:100%; padding:0 15px; margin:0 auto; width:100%; }

.center { text-align: center;}

.skip-link { position: absolute; top: -40px; left: 0; background: #000; color: #fff !important; padding: 8px; z-index: 100; text-decoration: none; }
.skip-link:focus { top: 0; }

/*Input */
input[type="text"], input[type="password"], input[type="number"], select, textarea { background:#fff; border: 1px solid #d2d2d2; border-radius: 5px; color: #070707; display:inline; height:auto; min-height:40px; padding:8px 10px; margin:3px 0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 14px; }
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, select:hover { border: 1px solid #8a8a8a; box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.2); }
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus { border: 1px solid #8a8a8a; box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.2); outline: 0; }
select { height:40px; padding:10px; border-radius: 5px; }
textarea { border-radius: 5px; }

/*=======================================
 	HEADER
========================================*/
header { background:#FFF; display:flex; height:60px; justify-content:center; position:fixed; top:0; left:0; width:100%; z-index:9; justify-content: center; }
#header { align-items:center; display:flex; height:100%; width:100%; max-width:1200px; }

.nav-brand { display:flex; flex-grow:1; padding:0 10px 0 20px;  }
#logo { display:flex; width:110px; }

#navShow { cursor: pointer; align-items:center; display:flex; justify-content:center; height:60px; width:60px; }

#nav-main { display:flex; flex-direction:column; height:100vh; overflow-y:auto; position:fixed; top:0; right:0; width:100%; transform:translateX(100%); z-index:10; max-width:420px; }

.nav-header { align-items:center; display:flex; height:65px; padding:10px; width:100%; }
.nav-toggle-close { align-items:center; border-radius:50%; color:rgba(0,0,0,0.5); cursor:pointer; display:flex; justify-content:center; margin-left:auto; height:40px; width:40px; }
.nav-body { display:flex; flex-direction:column; padding:0 50px; width:100%; }
.nav-footer { display:flex; flex-direction:column; padding:10px 50px 20px; }

.nav-tray { color: #000000; display:flex; flex-direction:column; width:100%; }
.nav-tray .nav-title { color: #F15B25; font-size:16px; font-weight:300; opacity:0.65; position:relative; width:100%; text-transform:capitalize; z-index:1; }
.nav-tray > ul { display:flex; flex-direction:column; margin:0 0 20px 0; width: 100%; }
.nav-tray > ul > li { display:flex; margin:5px 0; }
.nav-tray > ul > li > a { border-radius:25px; color: #000000; display:block; font-size:18px; font-weight:800; padding:8px 0; text-transform: uppercase; width:100%; }
.nav-tray > ul > li > a:hover { color: #F15B25;  }

.canada {width: 30px;}

/* show nav */
.nav-show { overflow:hidden; }
.nav-show #nav-main { background:#fff; transform:translateX(0%); width:calc(100% + 1px); }

/*=======================================
 	CONTENT / MAIN
========================================*/
main { background: url(../images/bg.jpg) center  #EFECEB; align-items:center; display:flex; flex-direction:column; }

section { align-items:center; display:flex; flex-direction:column; justify-content:center; padding:50px 0; width:100%; }
.content { display:flex; flex-direction:column; width:100%; }


/*=======================================
 	Hero
========================================*/
#hero { padding: 0;}
.hero-order { background: #000; color: #fff; display: flex; align-items: center; justify-content: center;  width: 100%; box-shadow: 0 3px 7px rgba(0,0,0,.4);}
.hero-order .btn-ord { color: #fff; width: 100%; text-align: center; display: flex; width: 100%; justify-content: center; align-items: center; text-transform: uppercase; padding: 10px 0; }
.hero-order .divider { background: #fff; border-radius: 100px; color: #000; height: 31px; font-weight: 700; display: flex; justify-content: center; align-items: center; position: absolute; width: 31px; font-size: 13px;}
.hero-order .btn-ord .material-icons-outlined { margin-right: 10px;}
.hero-order .btn-ord:hover { background: #F15B25}

.mobile-hero-text {background: #F15B25; color: #fff; font-size: 14px; font-weight: 700; padding: 5px 0; width: 100%; text-align: center;}

/*=======================================
 	Promo
========================================*/
#promo { display: flex; flex-direction: column; padding: 0;}
#promo .container { padding: 0;}
#promo h1, #promo h4 { color: #fff;}
#promo h4 { font-size: 11px ; text-transform: uppercase;}
#promo h1 { font-size: 27px; font-weight: 800; text-transform: uppercase;}
#promo h1 span {font-family: "Lobster", serif; display: block; color: #E54E26; font-size: 35px; text-transform: initial;}

#promo .promo-featured { height: 510px;}
#promo .promo-featured, .promo-deals { overflow: hidden; position: relative;}
#promo .promo-des { color: #fff; position: absolute; padding: 20px; top: 0; left: 0; width: 100%; display: flex; flex-direction: column;
align-items: self-start; height: 100%;}
#promo .promo-des em { display: block; font-size: 13px; margin-top: 3px; }
#promo .promo-price { position: absolute; top: 50%;; right: 20px; width: 90px; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-weight: 800;}
#promo .promo-price .price { position: absolute; text-align: center; line-height: 1;  top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-style: italic;}
#promo .promo-price .price-sub { font-family: "Lobster", serif; font-size: 15px; font-weight: 400; margin-top: 0;}
#promo .promo-price span { font-size: 33px;}
#promo .promo-price span sup { font-size: 16px; position: relative; top: -11px }

#promo .promo-featured .promo-des { padding: 80px 30px 30px; }
#promo .promo-featured .promo-des h1 { font-size: 35px; margin-bottom: 20px;}
#promo .promo-featured p { font-weight: 700; font-size: 20px; margin: 10px 0; text-transform: uppercase;}
#promo .promo-featured h1 span { font-size: 70px;}
#promo .promo-featured h4 { font-size: 14px;}
#promo .promo-featured .promo-price { width: 120px; top: 40%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
#promo .promo-featured .promo-price em { font-size: 25px;}
#promo .promo-featured .promo-price span { font-size: 58px;}
#promo .promo-featured .promo-price span sup { font-size: 20px; top: -25px  }
#promo .promo-featured .btn { margin-top: auto}

#promo .promo-deals-list { display: flex; flex-direction: column; height: 100%;}
#promo .promo-deals { padding: 15px;}
#promo .promo-deals li { position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 15px;}
#promo .promo-deals li .btn { font-size: 14px; padding: 7px 20px; margin-top: auto;}

#homePageVideo { width: 100%}
#promo .promo-video { height: auto; }

#menu-carousel { padding: 50px 0; }
#menu-carousel .container { align-items: center; padding: 0;}
.menu-carousel-title { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 30px;}
.menu-carousel-title h1, .menu-carousel-title h2 { font-size: 20px; order: 2; text-transform: uppercase; margin: 0 !important}
.menu-carousel-title-img { order: 1; width: 45px; margin-bottom: 15px;}
#menu-carousel .carousel-item { display: block; position: relative; border-radius: 10px; overflow: hidden;}
#menu-carousel .carousel-item h2 { color: #fff; text-shadow: 0px 0 10px rgba(0, 0, 0, 1); font-size: 28px; position: absolute; text-transform: uppercase; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);text-align: center;}
#menu-carousel .btn { margin-top: 20px;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {  background: #F15B25 !important; color: #fff; width: 40px;
height: 40px; border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.owl-carousel .owl-nav button.owl-next { margin-left: auto;}
.owl-nav button span { color: #fff; font-size: 34px; font-weight: 600; top: -2px; position: relative; }
.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; left: 20px; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }

#fresh { padding-top: 0;}
#fresh .container { background: url(../images/intro/blackboard.jpg); background-size: cover; padding: 20px;}
#fresh .fresh-title{  background: url(../images/intro/fresh-bg.png) no-repeat center; padding: 20px 0; background-size: contain;}
#fresh .fresh-title h1{ font-size: 25px; color: #fff; text-align: center; margin: 10px 0;}
#fresh .fresh-list { display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#fresh .fresh-list li { width: 50%; }
#fresh .fresh-list li:nth-child(2n) { position: relative; top: 50px;;}

#app { background: #fff; padding-bottom: 0; }
#app h1 { font-size: 30px; line-height: 1;}
#app h1 span { color: #39B54A; font-size: 55px; display: block; font-family: "Lobster", serif; font-weight: 400; text-transform: none;}
#app .app-des { text-align: center;}
#app .app-swan-logo { width: 210px; margin: 20px auto; }
#app .app-logos { display: flex; justify-content: center; margin-bottom: 40px; }
#app .qrcode { width: 105px; margin-top: 10px;}
#app .app-badges { display: flex; flex-direction: column; width: auto;}
#app .app-badge { margin: 0 0 -14px;}

#article .article-list { display: flex; flex-direction: column;}
#article .article-list li { display: flex; flex-direction: column; background: #fff; border-radius: 10px;; margin-bottom: 20px; overflow: hidden;}
#article .article-list li h3 { font-size: 18px;}
#article .article-list li .article-des { display: flex; flex-direction: column; height: 100%; align-items: baseline; padding: 20px;}
#article .article-list li .btn { display: inline-block; margin-top: auto;}

#legal-notice { background: #fff; color: #939598; padding-bottom: 0; padding-top: 60px;}
#legal-notice strong { font-weight: 700;}


/*=======================================
 	PAGES
========================================*/
.page { display:flex; flex-direction:column; margin-bottom:40px; max-width:1200px; width:100%; }
.page-header, .page-header-title { display:flex; flex-direction:column; justify-content: center; text-align:center; width:100%; }
.page-header-title h1 { color:#000; margin-bottom: 30px; font-size: 40px; }

.page-body { background: #fff; border-radius: 10px; max-width: 600px; margin: 0 auto; overflow: hidden;}
.page-component { display:flex; flex-direction:column; border-radius: 10px; width:100% }
.page-component {  padding:0; position:relative; overflow:hidden; width:auto; }
.page-component-body, .page-component-graphic { display:flex; flex-direction:column; padding:30px; text-align:left; width:auto; align-items: center; text-align: center; }
.page-component-body p:last-child { padding-bottom:0; }
.page-component-body h2 { align-items:flex-start; color:#F15B25 ; display:flex; flex-direction:column; line-height:0.8; text-align:left; }
.page-component-body h2 span { font-size:0.725em; }
.page-component-body-full { max-width:100%; width:100%; }
.page-component-body h3 {font-size: 23px; }
.page-component-white { background: #fff; }
.page-component-white .page-component-body, .page-component-white .page-component-graphic { padding: 30px;}

.page-component-text, .page-text{ flex-direction: column; background: #fbfbfb; border-radius: 10px; margin: 10px 30px 30px; padding: 15px; text-align: center;}
.page-component-text h2{ font-size: 18px; font-weight: 700;}
.sub-page-nutrition .page-component-text ul { display: flex; flex-direction: column;}
.sub-page-nutrition .page-component-text ul li { margin-bottom: 10px;}
.page-component-bg { background: #fff; padding: 30px; margin:0;}
.page-text { background: none; padding: 0;}
.page-text h5 { line-height: 1.6; text-transform: none; font-weight: 600; font-size: 16px; text-align: center;}
.sub-page-privacy .page-component-text { text-align: left;}
.sub-page-app section { margin: 0 auto; padding: 0;}
.sub-page-app .page-component-text { padding: 0}

.disclaimer { margin-top: 30px; font-size: 13px;}

.nutrition-btns { display: flex; flex-direction: column; width: 100%; }
.nutrition-btns a { margin: 10px 0 0 0; }

.sub-page .page-body ol { padding-left: 20px;}
.sub-page .page-body ol li { display:list-item;  margin-bottom: 10px; list-style-type: decimal; }

.requirements { padding-left: 20px; margin-bottom: 10px;}
.requirements li { display:list-item;  margin-bottom: 10px; list-style-type: disc; }

.sub-page-privacy.sub-page-app .requirements li { margin-bottom: 1em;word-wrap: break-word;overflow-wrap: anywhere;}
.sub-page-privacy.sub-page-app .requirements li p {margin: 0; word-break: break-all; font-size: 0.9em; }

.sub-page-about h2 { text-align: center; font-size: 20px; margin: 20px 0 30px; }

.page-component.faqs { border-radius:0; flex-direction:column; padding: 20px; margin:0 auto; max-width:980px; }
.page-component.faqs h2 { text-align:center; }
.dropdown-btn { border:none; padding:22px 20px 18px; font-size:18px; cursor:pointer; width:100%; text-align:left; border:2px solid #DDD; border-radius:5px; margin-bottom: 15px; color: #000; display:flex; }
.dropdown-btn h4 { margin: 0; font-size: 16px; font-weight: 700; text-transform: none; display: flex; justify-content: space-between; align-items: center; padding-right:20px; }
.dropdown-btn span { margin-left:auto; }
.dropdown-btn:hover { background-color:#ddd; }
.dropdown-answer { display: none; background-color:#fff; width: 100%; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; margin-bottom: 1em; margin-top: -15px; border-radius: 0 0 5px 5px; padding:20px; }
.show-answer { display: block; }
.dropdown-answer ul { display:flex; flex-direction:column; }
.dropdown-answer ul li strong { display: block; color: #F15B25; font-weight: 700; margin-bottom: 5px;}
.dropdown-answer ul li { margin-bottom: 10px;}

.component-block { margin-bottom: 20px; text-align: center;}
.component-block h3 { font-size: 23px; font-weight: 700;}

.dropdown-btn.active { border-bottom:0; border-radius:5px 5px 0 0; }
.testimonial { background: #f7f7f7; padding: 20px; margin: 20px 0; border-radius: 10px; }
.testimonial p { font-style: italic; font-weight: 600; padding-bottom: 0;}

/* Menu */
.sub-page-menu .page-body { max-width:600px; width:100%; }
.sub-page-menu .page-header p { text-align:center; max-width:992px; margin:0 auto; }
.menu { padding:30px 0; }
.menu-header { margin: 30px 0 30px; text-align:center; }
.menu-header h2 { font-size: 28px;}
.menu-list { display:flex; flex-flow:row wrap; margin:0 -10px; width:auto; justify-content: center; }
.menu-list > li { display:flex; flex-direction:column; flex-basis:calc(50% - 10px); margin:5px; width:50%; }
.menu-item { background:#FFF; border-radius:8px; display:flex; flex-direction:column; height:100%; }
.menu-item .item-img, .menu-item .item-img img { border-radius:8px 8px 0 0; }
.item-info, .item-btn { padding:20px; text-align:center; }
.item-btn { padding-top: 0; margin-top: auto;}
.item-btn .btn { display: block; font-size: 14px;}
.item-name{ font-size:16px; }
.item-desc { color:#656565; font-size:14px; }
.item-desc em { font-style: italic; display: block; margin-top: 15px;}

.menu-nav { position: sticky; z-index: 5; overflow-x: auto; padding-bottom: 20px; top: 70px;}
.menu-nav ul { display: flex; justify-content: space-between;}
.menu-nav li { flex-grow: 1; flex-basis: 0; display: flex; text-align: center;}
.menu-nav li a { background: #000; color: #fff; border-radius: 5px; display: block; padding: 10px 15px; font-size: 15px; margin:10px; text-transform: uppercase; width: 100%; display: flex; align-items: center; justify-content: center;}
.menu-nav li a.menu-active, .menu-nav li a:hover  { background: #F15B25; color: #fff; }

.visible { display: block !important;} 

.sub-page-gift iframe { max-height: 1410px; }
.sub-page-school h3 span { display: inline;}

/* Page Hero */
.page-hero-body {background:  rgba(256, 256, 256, 0.9); max-width: 500px; margin: 0 20px; padding: 20px; }
.page-hero h2 { font-size: 25px;}
.page-content-header { display: flex; flex-direction: column;}
.page-content-header { flex-direction: row;}

/* Page Content */
.page-content { align-items: center; padding: 50px 20px; display: flex; flex-direction: column; text-align: center; }
.page-content h3 { font-size: 25px;}
.page-content-no-padding { padding: 0 !important;}

/* About */
.sub-page-about .page-hero  { background: url(../images/about/hero.jpg) center; background-size: cover;}
.sub-page-about .page-body .social-links > li > a { width: 30px;}
.sub-page-about .page-content-header{ align-items: center; display: flex; background: #4EC45E; color: #fff;  justify-content: center; text-align: center; padding: 10px 20px; width: 100%}
.sub-page-about .page-content-header h3 { color: #fff; font-size: 24px; margin-bottom: 0;}
.sub-page-about .page-header-img { margin-right: 15px; width: 40px;}
.sub-page-about .page-why ul { display: flex; padding: 20px; flex-direction: column; justify-content: center; text-align: center;}
.sub-page-about .page-why ul li { align-items: center; display: flex; flex-direction: column; }
.sub-page-about .page-why ul li .page-why-icon { display: block; width: 100px;}
.sub-page-about .page-why ul li .page-why-des b { display: block; font-size: 1.1em; color: #F15B25; margin-bottom: 10px; text-transform: uppercase; }
.sub-page-about .page-why ul li .page-why-des { margin-top: 20px;}

.sub-page-about .page-explore h4 { margin: 20px 0; padding: 0 20px; text-transform: none; text-align: center;}
.sub-page-about .page-explore ul { display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; padding: 20px;}
.sub-page-about .page-explore ul li { display: flex; align-items: center; margin-bottom: 20px;}
.sub-page-about .page-explore ul li .page-explore-icon { margin-right: 10px; width: 80px; min-width: 80px; max-width: 80px;}
.sub-page-about .page-explore ul li b{ color: #F15B25; }
.sub-page-about .page-explore ul li p {padding-bottom: 0; font-weight: 500;}
.sub-page-about .page-explore h4 { margin: 50px 0 20px}
.page-footer { margin: 50px 20px 0; text-align: center; }
.page-footer h4 { line-height: 1.3; text-transform: none;}

/* Catering */
.sub-page-catering .page-hero  { background: url(../images/catering/hero.jpg) center; background-size: cover;}
.sub-page-catering .page-hero .center { color: #000; margin-top: 30px; padding-bottom: 50px;}
.sub-page-catering .page-hero .center .orange { font-weight: 700;}
.sub-page-catering .page-hero .center .btn { display: inline-block;  margin-top: 20px;}

.page-feature { border-radius: 30px 30px 0 0; margin-top: -25px; color: #fff; background: url(../images/catering/orange-bg.jpg) top no-repeat; background-size: cover;}
.page-feature ul { display: flex; flex-direction: column;}
.page-feature ul li { margin-bottom: 20px; text-align: center;}
.page-feature ul li:last-child { margin-bottom: 0}
.page-feature .page-feature-icon { display: inline-block; width: 80px; margin-bottom: 20px;}
.page-feature .page-feature-des b { color: #fff; display: block; margin-bottom: 10px; text-transform: uppercase;}

.page-catering-content { display: flex; flex-direction: column;}
.page-catering-content div:first-child { margin-bottom: 20px;}
.page-catering-slide2, .page-school-slide2{background: #FB9E25; background: linear-gradient(90deg,rgba(251, 158, 37, 1) 0%, rgba(251, 159, 38, 1) 0%, rgba(255, 202, 48, 1) 100%);}
.page-catering-slide2 h3 span { display: block; color: #000; font-size: .7em; text-transform: none; }
.page-catering-slide4 ul { display: flex; flex-direction: column; text-align: center;}
.page-catering-slide4 ul li { margin-bottom: 20px;}
.page-catering-slide4 ul li:last-child { margin-bottom: 0;}
.page-catering-slide4 .page-catering-btns { margin: 20px 0; display: flex; width: 100%;}
.page-catering-slide4 .page-catering-btns a {  color: #fff;  width: 100%; padding: 10px 0; text-align: center; text-transform: uppercase;}

.page-catering-slide4 .page-catering-btns a:first-child { background: #F15B25; border-radius: 100px 0 0 100px;}
.page-catering-slide4 .page-catering-btns a:last-child { background: #00A651; border-radius: 0 100px 100px 0;}
.page-catering-slide4 .page-catering-note { font-weight: 600; max-width: 300px; text-align: center;}
.page-catering-slide4 .page-catering-btns a:hover { background: #000}

/* school */
.sub-page-school .page-hero  { background: url(../images/school/hero.jpg) top center; background-size: cover;}
.sub-page-school .page-hero .center { padding: 60px 0;}
.sub-page-school .page-feature-des p { padding-bottom: 5px;}
.sub-page-school .page-feature-des strong { font-weight: 700;}
.sub-page-school .page-school-slide2 { padding-bottom: 80px;}
.sub-page-school .page-school-slide2 a { color: #000}
.sub-page-school .page-school-slide2 a:hover { color: #F15B25 }
.sub-page-school .page-school-slide3 { padding: 0; margin-top: -50px;}

/* franchise */
.sub-page-franchise .page-franchise-slide1 .page-content-header { padding: 20px 0;}
.sub-page-franchise .page-franchise-slide1 .page-content-header strong { font-size: 1.2em;}
.sub-page-franchise .page-franchise-slide1 .page-catering-text { text-align: center;}
.sub-page-franchise .page-franchise-slide1 .page-catering-content { padding: 30px;}
.sub-page-franchise .franchise-contact { margin: -100px 0 30px 0; transition: transform 0.3s ease;}
.sub-page-franchise .franchise-contact:hover { transform: translateY(-5px); }
.sub-page-franchise .franchise-location { width: 100% }
.sub-page-franchise .franchise-location span { display: block; margin-left: 40px; width: 150px}
.sub-page-franchise .page-franchise-slide2 .page-content-header { padding: 0 ;}
.sub-page-franchise .page-franchise-slide2 .page-content-header h3 { font-size: 35px;}
.sub-page-franchise .page-franchise-slide2 .franchise-fee { margin-top: 30px;}
.sub-page-franchise .page-franchise-slide2 .franchise-investment ul { display: flex; font-size: 20px; flex-direction: column; color: #000; font-weight: 900; text-align: center;}
.sub-page-franchise .page-franchise-slide2 .franchise-investment ul li { margin-top: 20px;}
.sub-page-franchise .page-franchise-slide2 .franchise-investment ul li b { font-size: 1.2em; font-weight: 900;}
.sub-page-franchise .page-franchise-slide2 .franchise-investment ul li .icon-people { display: block; width: 50px}
.sub-page-franchise .page-franchise-slide2 .franchise-investment ul li:last-child { display: flex;}
.sub-page-franchise .page-franchise-slide2 .franchise-financing ul { display: flex; font-size: 20px; flex-direction: column; color: #F15B25; font-weight: 900; text-align: center; margin: 30px 0; align-items: center; line-height: 1.2; }
.sub-page-franchise .page-franchise-slide2 .franchise-financing ul li .icon-dollar { align-items: center; display: block; width: 50px;}
.sub-page-franchise .page-franchise-slide2 .franchise-financing ul li em { font-family: "Lobster", serif; font-size: 1.5em;}
.sub-page-franchise .page-franchise-slide2 .franchise-financing ul b { color: #F15B25; font-size: 2em; font-weight: 900;  }
.sub-page-franchise .page-franchise-slide3 h4 { font-size: 20px; margin: 30px 20px;}
.sub-page-franchise .page-franchise-slide3 ul { display: flex; flex-flow: row wrap; margin-bottom: 30px;}
.sub-page-franchise .page-franchise-slide3 ul li { width: calc(50% - 30px); flex: 0 1 50%; flex-basis: calc(50% - 30px); margin: 13px 15px; }
.sub-page-franchise .page-franchise-slide4 .franchise-step {  background: #FB9E25; background: linear-gradient(90deg,rgba(251, 158, 37, 1) 0%, rgba(255, 250, 192, 1) 0%, rgba(249, 200, 193, 1) 100%); }
.sub-page-franchise .page-franchise-slide4 .franchise-step ul { display: flex; flex-flow: row wrap; margin: 30px 0; }
.sub-page-franchise .page-franchise-slide4 .franchise-step ul li { width: 100%; font-size: 14px; margin: 0 15px 5px; }
.sub-page-franchise .page-franchise-slide4 .franchise-step ul li span { display: block; width: 200px; margin: 0 auto 10px}
.sub-page-franchise .page-franchise-slide4 .franchise-step ul li b { display: block; font-size: 20px; line-height: 1; font-weight: 900; margin-bottom: 10px; text-transform: uppercase;}
.sub-page-franchise .page-franchise-slide4 .franchise-note { margin-bottom: 50px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px;
  color: #000; font-weight: 900; line-height: 1.3; font-size: 18px; } 
.sub-page-franchise .page-franchise-slide4 .franchise-note a { margin-top: 20px;}

/* Gift Card */
.sub-page-gift .gift-card-list { background: #d74b2d;}
.sub-page-gift .gift-card-list ul { display: flex; color: #fff; flex-direction: column; align-items: center; justify-content: center;}
.sub-page-gift .gift-card-list ul li { margin: 20px 0 0;}
.sub-page-gift .gift-card-list ul li b { color: #fff; margin: 10px 0; display: block; font-size: 20px; line-height: 1.2; text-transform: uppercase;}
.sub-page-gift .gift-card-list ul li .page-list-icon { background: #fff; color:#d74b2d;  width: 80px; height: 80px; border-radius: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.sub-page-gift .gift-card-list ul li .page-list-icon span { font-size: 50px;}
.sub-page-gift .page-feature { margin-top: 0;}

/* Careers */
.sub-page-careers h3 span { display: block;}
.sub-page-careers .page-feature h3 { color: #fff; margin-bottom: 20px;}
.sub-page-careers .page-feature { color: #fff; text-align: center;}
.sub-page-careers .page-feature a { color: #fff; text-decoration: underline;}
.sub-page-careers .page-feature a:hover { color: #000;}

/* Contact */
.sub-page-contact .page-contact-slide1 {background: #FB9E25; background: linear-gradient(90deg,rgba(251, 158, 37, 1) 0%, rgba(251, 159, 38, 1) 0%, rgba(255, 202, 48, 1) 100%);}



/*Catering / Pizza Calculator
----------------------------------------------------------------------------------------------*/
#pizza-calculator {padding: 0px; }
#pizzaForm { display:flex; flex-direction:column; margin:30px 0 0; }
#pizzaForm .form-row { display:flex; flex-direction:column; margin:5px 0; }
#pizzaForm .form-row label { color:#000; font-weight:700; font-size:16px; }
#pizzaForm .form-row input[type="number"], #pizzaForm .form-row select { width:100%; }
#pizzaForm button#calculate { border:none; margin-top:1rem; }
#pizza-calc-form { margin: 0 auto; background: #fff;  border-radius: 10px; position: relative; z-index: 3;  }

#pizza-calc-results { align-items:center; border:1px solid #DDD; border-radius:5px; display:flex; justify-content:center; flex-direction:column; padding:15px; margin:0 0 1rem; width:100%; text-align: center; }

#totalPizzasTemp, #totalPizzasBlock { align-items:center; background: #39B54A; border-radius:50%; display:flex; height:60px; justify-content:center; margin:10px 0 0; width:60px; }
#totalPizzasTemp span, #totalPizzasBlock span { color:#FFF; font-size:32px; font-weight:700; }

.pizza-calc-img img { display:flex; }

#totalSlices, #totalSlices { border-top:1px solid #DDD; font-size:20px; font-weight:700; }

#sizePizza p { margin-top: 10px; font-weight: 700; color: #000;}


/*=======================================
 	FOOTER
========================================*/
footer { background:#FFF; display:flex; justify-content:center; width:100%; }
#footer, #sub-footer { display:flex; flex-direction:column; padding:20px 0; width:100%; }
#footer { margin:0 auto; max-width:380px; }

.footer-column { display:flex; flex-direction:column; margin:30px 0; padding:0 10px; }


.footer-title { font-size:17px; font-weight: 800; margin-bottom:20px; text-align:center; }

.footer-links { display:flex; flex-direction:column; width:100%; }
.footer-links > li { display:flex; justify-content:center; padding:6px 0; width:100%; }
.footer-links > li > a { color:#000000; font-weight: 600; }
.footer-links > li > a:hover { color:#F15B25; }

.social-links { align-items:center; display:flex; justify-content:center; margin:15px 0; width:100%; }
.social-links > li { display:flex; padding:5px 15px; }
.social-links > li > a { align-items:center; color:#000000; display:flex; font-size:1.5rem; width: 21px; }
.social-links > li > a:hover { color:#F15B25; }

.social-links > li > a > svg { height:23px; width:23px; }
.social-links > li > a:hover > svg path, .social-links > li > a:hover > svg polygon { fill: #A03334 !important; }

.footer-brand { align-items:center; }
.slogan { color:#000000; font-size:18px; font-weight:600; }
.app-badges { display:flex; width:100%; flex-direction: column; }
.app-badge { width: 180px; margin: 0 auto -18px; }
.app-badge a { width:100%; max-width:140px; }

.footer-sub-nav { margin-top: -30px;}

.copyright, .powered, .legals, .copyright span, .powered span { align-items:center; color:#777777; display:flex; font-size:14px; justify-content: center; padding:5px; width:100%; }
.copyright, .powered, .legals { flex-flow:row wrap; }
.powered { margin-top:10px; }
.copyright span:first-child, .powered span:first-child { flex-grow:1; }
.legals .legal, .legals .legal { margin:0 5px; width:auto; }
.legals .legal a, .legals .legal a { color:#777; font-weight:400; text-decoration:underline; }
.legals .legal a:hover, .legals .legal a:hover { color:#F15B25; }
.brygid-logo { display:flex; margin-left:5px; width:68px; }



/* Extra Small */
@media (min-width:480px){
  


}

@media (min-width:500px){

  #promo .promo-featured { height: 600px;}
  #promo .promo-video { height: auto; }

  /*Page hero*/
  .page-hero-body { margin: 0 auto;}
  .sub-page-about .page-hero-body { padding-bottom: 60px ;}
  .sub-page-about .page-body .social-links > li > a { width: 40px;}

}

@media (min-width:600px){
  
	.page-component { justify-content:center; margin:0 auto; }

  /*Promo*/
  #hero { margin-bottom: 30px;}
  #promo .container { padding: 0 15px; width: auto; max-width: initial;}
  #promo .promo-featured, #promo .promo-deals  { border-radius: 10px;}
  #promo .promo-featured .promo-img { display: flex; max-width: 650px;}
  #promo .promo-deals { padding: 15px 0;}
  #promo .promo-featured .promo-des h1{ font-size:45px;}
  #promo .promo-featured h1 span { font-size:80px;}
  #promo .promo-featured { height: 700px;}
  #promo .promo-video { height: auto; }

  #promo h4 { font-size: 14px;}
  #promo h1 { font-size: 37px; }
  #promo h1 span { font-size: 48px;}
  #promo .promo-des { padding: 30px;}
  #promo .promo-des em {font-size: 15px; margin-top: 10px; }
  #promo .promo-price { right: 30px; width: 110px;}
  #promo .promo-price .price-sub { font-size: 19px; }
  #promo .promo-price span { font-size: 40px;}
  #promo .promo-price span sup { font-size: 20px; }

}

/* Small */
@media (min-width:768px){

	/*Fresh*/
  #fresh .container { border-radius: 10px; padding: 40px;}
  #fresh .fresh-title h1 { font-size: 35px;}
  #fresh .fresh-list { flex-direction: row; flex-wrap: nowrap; margin-top: 50px; margin-bottom: 0;}
  #fresh .fresh-list li:nth-child(2n) { top: 0 }

}

/* Medium */
@media (min-width:992px){

  body { padding-top:120px; }

	h1 { font-size:70px; }
	h2 { font-size:64px; }

  /* content */
  .container, .container.max-width{ max-width:1200px; }
  section { padding: 100px 0;}

  /* header */
  header, #header { height:120px; }
  .nav-brand { flex-grow:0; order:0; }
  #logo { width:220px; }

	.scroll header, .scroll #header { height:80px; }
	.scroll #logo { width:140px; }

	header, #header, #logo, .nav-tray > ul > li > a { transition:all 0.3s ease; }
  

  #nav-main { align-items:center; background:none; flex-direction:row; margin-left:auto; height:100%; position:relative; top:auto; right:auto; width:auto; transform:translateX(0%); max-width:none; order:2; }

  .nav-body { flex-direction:row; overflow-y:auto; padding:0; width:auto; margin-right: 20px; }
  .nav-footer { flex-direction:row; margin:0; padding:0; }

  .nav-tray { flex-direction:row; width:auto; }
  .nav-tray .nav-title { display:none; }
  .nav-tray > ul { flex-direction:row; margin:0; }
  .nav-tray > ul > li { margin:5px 10px; }
  .nav-tray > ul > li > a { color:#000000; font-size: 16px; }
  .nav-tray > ul > li > a:hover { color:#F15B25; text-decoration:none; }
	.nav-tray.nav-tray-fr > ul > li > a { font-size:18px; }

  #navShow, .nav-header, .nav-footer, .nav-tray > ul > li.nav-hidden { display:none; }

  .nav-show #nav-main { background:none; transform:none; width:auto; }

  .canada { order: 3; margin-right: 20px;}
  .btn-nav-ord { order: 4; padding: 8px 20px; font-size: 16px;}

  .menu-nav {  position: sticky; top: 100px; width: 100%;}
  .menu-header { margin: 80px 0 50px;  }
  .menu-header h2 { font-size: 48px;}
  .menu-nav li a { padding: 10px 0; font-size: 16px; margin: 0 10px}

  /*Promo*/
  #hero { padding: 40px 0;}
	.hero-order { width: 650px; border-radius: 15px;}
	.hero-order .btn-ord { font-size: 24px; padding: 10px 0;}
	.hero-order .btn-ord .material-icons-outlined { font-size: 35px;}
  .hero-order .btn-delivery { border-radius: 15px 0 0 15px;}
  .hero-order .btn-takeout { border-radius: 0 15px 15px 0;}
  .hero-order .divider { height: 40px; width: 40px; font-size: 16px;}

  .mobile-hero-text { display: none;}

  #promo {flex-direction: row;}
  #promo .container { flex-direction: row; justify-content: center; align-items: center; padding: 0 15px;}
  #promo .promo-featured, #promo .promo-deals  { border-radius: 10px; width: 50%; height: 630px; max-width: 600px;}
  #promo .promo-deals { padding: 0 0 0 15px;}
  #promo .promo-deals li { margin-bottom: 15px; }
  #promo .promo-deals li:last-child { margin-bottom: 0;}

  /*App*/
  #app .container { flex-direction: row; align-items: end;}

  #app .app-img { order: 1; width: 50%;}
  #app .app-des { order: 2; text-align: left; margin-left: 50px; width: 50%;}
  #app .app-logos { justify-content: left;}
  #app .app-swan-logo { margin: 20px 0 20px 40px;}

  #article .article-list { flex-direction: row;}
  #article .legal-notice { margin-top: 60px;}
  #article .article-list li { flex-grow: 1; flex-basis: 0;}
  #article .article-list li h3 { font-size: 22px;}
  #article .article-list li:nth-child(2n) { margin: 0 15px 20px}
  #article .article-list li .article-des { padding: 30px;}

  /*carousel*/
  .menu-carousel-title { flex-direction: row; margin-bottom: 50px;}
  .menu-carousel-title h1,  .menu-carousel-title h2 { order:initial; font-size: 26px; }
  .menu-carousel-title-img { order:inherit; width: 70px; margin: 0 20px}
  #menu-carousel .carousel-item h2 { font-size: 35px;}

  /*Page*/
  .page-component-text, .page-text{ padding: 50px; margin: 30px 40px 30px;}
  .page-text { padding: 0;}
  .page-text h5 { font-size: 18px;}
  .page-text h5 span { display: block; }
  .page-component-text h2{ font-size: 20px;}
  .page-body { max-width: inherit;}
  .page-component-text ul.container-flex li { width: 50%; flex: 0 1 50%; padding: 0 20px; }
  .container-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; justify-content: left; flex-flow: row wrap; margin: 0 -20px 0; }
  .page-component-bg {padding: 50px; margin: 0;}

  .sub-page-about h2 { text-align: left; font-size: 30px; margin: 0 0 40px; }
  .sub-page-catering  .page-component-text { padding: 50px 20px;}

  .page-component.faqs { flex-direction:column; margin-top: 30px; }
  .dropdown-btn h4 { font-size: 19px;}
  .dropdown-answer ul li strong { font-size: 17px;}

  /* menu */
	.sub-page-menu .page-body { max-width:calc(1400px - 40px); }

	.menu { padding:30px 0; width:auto; }
	.menu-list { margin:0 -10px; width:auto; }
	.menu-list > li { flex-basis:calc(33.3334% - 20px); margin:10px; }
  .item-name { font-size: 17px;}
	.item-info, .item-btn { padding: 30px 20px; }
  .item-btn { padding-top: 0;}

	.page-header p { font-size:20px; }
	.menu-header p { font-size:16px; }
  .menu-header h2 { font-size: 40px;}

  /* Page Hero */
  .page-hero-body { padding: 40px; }
  .page-hero h2 { font-size: 32px;}

  /* Page Content */
  .page-header-title h1 { font-size: 60px; margin-bottom: 80px;}
	.page-header { max-width:calc(1200px - 40px); }
	.page-component { border-radius:10px; flex-direction:row; width:auto; padding:0; max-width:calc(1200px - 40px); }
	.page-component-body, .page-component-graphic { align-items: self-start; justify-content:center; max-width:50%; padding:50px; text-align: left; }
	.page-component-body p { line-height:1.75; }
	.page-component-body-full { max-width:100%; }
  .page-component-body h3, .component-block h3 { font-size: 35px;}
  .page-component-white .page-component-body, .page-component-white .page-component-graphic { padding: 50px;}

  .sub-page-catering .page-list-des b { display: block; margin-top: 5px; font-size: 1.05em;}

  /* Page Content */
  .page-content { text-align: left;  padding: 80px 50px}
  .page-content h3 { font-size: 32px;}

  /*About*/
  .sub-page-about p { font-size: 18px;}
  .sub-page-about .page-content-header h3 { font-size: 32px;}
  .sub-page-about .page-header-img { margin: 0 20px; width: 50px;}
  .sub-page-about .page-why ul{ flex-flow: row wrap;}
  .sub-page-about .page-why ul li { width: calc(25% - 30px); flex: 0 1 25%; flex-basis: calc(25% - 30px); margin: 13px 15px;}
  .sub-page-about .page-why ul li .page-why-icon { width: 150px;}
  .sub-page-about .page-content-header { padding: 0 20px;}
  .sub-page-about .page-explore ul li p { font-size: 1.25em; }
  .sub-page-about .page-hero-body { font-size: 1.15em;}

  /*Catering*/
  .sub-page-catering .page-hero-body .center { font-size: 25px; line-height: 1.4;}
  .page-feature ul { flex-direction: row; ;}
  .page-feature ul li { padding: 0 35px; margin-bottom: 0; width: 100%;}
  .page-feature .page-feature-icon { width: 110px; }
  .page-feature .page-feature-des b { line-height: 1; font-size: 25px; color: #fff;}
  .page-catering-content { flex-direction: row; align-items: center;}
  .page-catering-content div:first-child { margin-bottom: 0}
  .page-catering-content div { width: 50%;}
  .page-catering-content div:first-child { margin-right: 40px; padding-left: 50px;}
  .page-catering-slide4 ul{ flex-direction: row;}
  .page-catering-slide4 ul li { margin: 0 20px; width: 100%;}
  .page-catering-slide4 .page-catering-btns { margin: 50px 0; font-size: 1.2em;}  
  .page-catering-slide4 .page-catering-note { font-size: 1.2em; max-width: 400px;}
   
  /*school*/
  .sub-page-school .page-school-slide2 { padding-bottom: 130px;}

  /* franchise */
  .sub-page-franchise .page-franchise-slide1 .page-catering-content {  margin-top: -80px; padding: 50px}
  .sub-page-franchise .franchise-contact { margin: -100px 0 50px 0}
  .sub-page-franchise .franchise-location span { display: block; margin-left: 150px; width: 230px}
  .sub-page-franchise .page-franchise-slide2 .page-content-header h3 { font-size: 80px;}
  .sub-page-franchise .page-franchise-slide2 .franchise-fee { margin-top: 50px;}
  .sub-page-franchise .page-franchise-slide2 .franchise-investment ul { flex-direction: row; font-size: 28px; line-height: 1.2;}
  .sub-page-franchise .page-franchise-slide2 .franchise-investment ul li { margin: 0 20px}
  .sub-page-franchise .page-franchise-slide2 .franchise-investment ul li b { font-size: 1.5em;}
  .sub-page-franchise .page-franchise-slide2 .franchise-investment ul li .icon-people { width: 75px; margin-right: 10px;}
  .sub-page-franchise .page-franchise-slide2 .franchise-financing ul { flex-direction: row; font-size: 28px; margin: 50px 0 80px }
  .sub-page-franchise .page-franchise-slide2 .franchise-financing ul li { margin: 0 20px}
  .sub-page-franchise .page-franchise-slide2 .franchise-financing ul li:last-child { text-align: left; font-size: 35px;}
  .sub-page-franchise .page-franchise-slide2 .franchise-financing ul li .icon-dollar { width: 140px}
  .sub-page-franchise .page-franchise-slide3 .page-content-header h3 { font-size: 50px; padding: 10px 0;}
  .sub-page-franchise .page-franchise-slide3 h4 { font-size: 24px;}
  .sub-page-franchise .page-franchise-slide3 ul { margin-bottom: 80px;}
  .sub-page-franchise .page-franchise-slide3 ul li { width: calc(20% - 30px); flex: 0 1 20%; flex-basis: calc(20% - 30px); margin: 13px 15px; text-align: center; }
  .sub-page-franchise .page-franchise-slide3 ul li b { display: block; margin-top: 20px; font-size: 18px;}
  .sub-page-franchise .page-franchise-slide4 .franchise-step ul { margin: 50px 0}
  .sub-page-franchise .page-franchise-slide4 .franchise-step ul li { width: calc(33.3333% - 30px); flex: 0 1 33.3333%; flex-basis: calc(33.3333% - 30px); margin: 13px 15px; text-align: center; }
  .sub-page-franchise .page-franchise-slide4 .franchise-step ul li b { font-size: 32px;}
  .sub-page-franchise .page-franchise-slide4 .franchise-step ul li span { width: 220px;}
  .sub-page-franchise .page-franchise-slide4 .page-content-header h3 { font-size: 38px;}
  .sub-page-franchise .page-franchise-slide4 .franchise-note { flex-direction: row; font-size: 24px;}
  .sub-page-franchise .page-franchise-slide4 .franchise-note .btn { margin: 0 0 0 20px;}
  
  /*Gift Card*/
  .sub-page-gift .page-content h3, .sub-page-contact .page-content h3 { font-size: 40px;}
  .sub-page-gift .gift-card-list ul { flex-direction: row; align-items: baseline;}
  .sub-page-gift .gift-card-list ul li { width: 100%; margin: 0 40px; text-align: center;}
  .sub-page-gift .gift-card-list ul li b { font-size: 25px;}


  /*Nutrition*/
  .nutrition-btns { flex-direction: row; }
  .nutrition-btns a { margin: 10px 15px 0 0; }

  /*Calculator*/
  #pizza-calculator { margin-top: 80px; border-radius: 10px; overflow: hidden; background: url(../images/catering/catering.png) center no-repeat; background-size: cover; position: relative  }
  #pizza-calculator::before { background: rgba(0,0,0,0.35); content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
  #pizza-calculator {padding: 50px; }
  #pizza-calc-form {  padding: 40px; }
  #pizza-calc-form { max-width: 450px; }

}

/* Large */
@media (min-width:1200px){

  /* header */
  .nav-tray > ul > li { margin:5px 20px; }
	.nav-tray.nav-tray-fr > ul > li > a { font-size:22px; }
   
	/* menu */
	.menu { flex-direction:row; }
	.menu-list > li { flex-basis:calc(25% - 20px); margin:10px; }

  /* footer */
  #footer { flex-direction:row; justify-content: space-between; padding:60px 0; max-width:100%; }
  .footer-column.footer-location, .footer-column.footer-hours { display:flex; }
  .footer-column { max-width:300px; }
  .footer-title { text-align:left;  }
  .footer-links > li { justify-content:flex-start; }

  .footer-brand { order:0; }
  .footer-nav { order:1; }
  .footer-location { order:2; }
  .footer-hours { order:3; }

  #sub-footer { flex-direction:row; }
  .powered { margin:0 0 0 auto; }

  .copyright, .copyright span { justify-content: flex-start; }
  .copyright, .powered, .legals { flex-flow:row nowrap; padding:5px 0; width:auto; }
  .copyright span:first-child, .powered span:first-child { flex-grow:0; width:auto; }
  .copyright span, .powered span { margin:0 5px; }
  .powered, .powered span { justify-content: flex-end; }
  .powered span:last-child { margin-right:0; }
  .copyright span:first-child { margin-left:0; }
  .legals { margin-left: auto; margin-right: auto;}
  
  /* footer */
  .footer-sub-nav { margin-top: 68px;}
  .app-badge { width: 180px; margin-bottom: -18px;margin-left: -10px; }

  /* promo */
  #promo .promo-featured, #promo .promo-deals { border-radius: 10px; width: 50%; height: 800px;}
  #promo .promo-featured h4 { font-size: 20px;}
  #promo .promo-featured .promo-des { padding: 80px 50px 30px; }
  #promo .promo-featured .promo-des h1 { font-size: 55px; line-height: .7;}
  #promo .promo-featured p {font-size: 30px; }
  #promo .promo-featured h1 span { font-size: 140px;}
  #promo .promo-featured .promo-price { width: 164px; right: 50px;}
  #promo .promo-featured .promo-price em { font-size: 30px;}
  #promo .promo-featured .promo-price span { font-size: 78px;}
  #promo .promo-featured .promo-price span sup { font-size: 27px; top: -25px  }

  /*carousel*/
  #menu-carousel .container { padding: 0 15px;}
  #menu-carousel { padding: 100px 0; }
  .menu-carousel-title h1,  .menu-carousel-title h2 {  font-size: 36px; }
  .menu-carousel-title-img { width: 90px; }
  #menu-carousel .carousel-item h2 { font-size: 45px;}
  #menu-carousel .btn { margin-top: 40px;}

  .owl-carousel{ position: relative; padding: 0 80px;}

  /*App*/
  #app .app-title { display: flex; }
  #app .app-des { margin-left: 100px; margin-bottom: 60px;}
  #app p { width: 80%;}
  #app .app-badges { margin-left: -12px; flex-direction: row;}

  /*Fresh*/
  #fresh .fresh-title h1 { font-size: 48px;}
  #fresh .fresh-list li { margin: 0 20px;}
}

/* Extra Large */
@media (min-width:1400px){

 /*Promo */
 #promo .promo-deals li { margin-bottom: 15px;}
 
}