:root {--primary: #3a40f2;--secondary: #f2ec3a;--text-shadow: #f5f5f5;--active-link: #7fd5f1;}* {-webkit-box-sizing: border-box;box-sizing: border-box;}body, html {height: 100%;}body {color: var(--primary);font-family: 'Baloo Bhaijaan 2', cursive;font-weight: 400;font-size: 16px;line-height: 1.6;}h1 {font-size: 28px;font-weight: 700;}h2 {font-size: 25px;font-weight: 700;}h3 {font-size: 22px;font-weight: 700;}p {font-size: 20px;}a {color: var(--primary);}a:hover, a:focus {text-decoration: none;-webkit-transition: 1s opacity;-o-transition: 1s opacity;transition: 1s opacity;}a:active {color: (var--active-link);}.page-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}#header-logo {height: 10rem;}#header-text {min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;}#header-welcome {text-decoration: none;font-size: 33px;color: var(--primary);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.page-header__item {-webkit-box-flex: 0;-ms-flex: 0 1 200px;flex: 0 1 200px;}.page-header__item:last-child {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}.vl {width: 1px;height: 550px;border: solid 1px var(--secondary);}ul.navigation-list {margin: 35px 15px 35px 0;float: right;}ul.navigation-list a {color: var(--primary);padding: 6px 10px;border-radius: 20px;text-decoration: none;}ul.navigation-list a:hover {color: var(--primary);background-color: var(--secondary);}ul.navigation-list a.active {color: var(--primary);padding: 6px 10px;border-radius: 20px;background-color: var(--secondary);text-decoration: none;}ul.navigation-list li {display: inline-block;margin-left: 15px;list-style-type: none;font-size: 22px;}.hl {border: solid 0.3px #000;height: 0;}.hl-2 {border: solid 0.5px #000;margin-bottom: 25px;}.hl-3 {border: solid 0.5px var(--secondary);-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;margin: 15px 0 10px;width: 75%;}.hl-4 {border: solid 0.5px var(--secondary);margin: 20px 0;}.hl-5 {border: solid 0.5px var(--secondary);margin: 40px 0 20px;width: 80%;}.hl-6 {border: solid 0.5px var(--secondary);margin: 20px 0;width: 80%;}.page-footer {clear: both;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: center;padding-bottom: 15px;}.page-footer p {margin: 0 auto;}#social-links a {text-decoration: none;}#social-links img {margin: 0 5px;background-color: var(--secondary);width: 30px;height: 30px;}.main-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-color: var(--secondary);}.intro-heading, .about-heading {text-align: center;color: var(--primary);text-shadow: 2px 2px var(--text-shadow);margin: 0 auto;}.intro-text-food, .intro-text-art {text-align: center;color: var(--primary);text-shadow: 2px 2px var(--text-shadow);}.intro-text-food {float: left;width: 400px;}.intro-text-art {float: right;width: 400px;}.info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 30px 0;}.info-text {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;margin: 0 25px;}.info-location {text-decoration: none;color: #000;overflow: hidden;max-width: 100%;width: 60%;height: 25rem;}#map {height: 100%;width: 100%;max-width: 100%;}#map img {max-height: none;max-width: none !important;background: none !important;}iframe {height: 100%;width: 100%;border: 1px solid var(--primary);}.info-times {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;float: right;margin: 0 20px;min-width: 250px;}.info-times h3 {text-align: center;}.info-hours, .menu-price {float: right;}.main-img-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}.cafe-img {width: auto;max-height: 750px;}.about-heading {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.main-container-3 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: var(--secondary);height: 100px;}.slideshow-text {font-size: 16px;}.mySlides {display: none;}.slideshow-container {width: 90%;position: relative;margin: auto;}.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: #fff;font-weight: 700;font-size: 18px;-webkit-transition: .6s ease;-o-transition: .6s ease;transition: .6s ease;border-radius: 0 3px 3px 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.next {right: 0;border-radius: 3px 0 0 3px;}.prev:hover, .next:hover {background-color: rgba(0, 0, 0, .8);}.slideshow-text {color: #f2f2f2;font-size: 20px;font-weight: 700;text-shadow: 2px 2px #000;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}.dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;-webkit-transition: background-color .6s ease;-o-transition: background-color .6s ease;transition: background-color .6s ease;}.active, .dot:hover {background-color: #717171;}.fade {-webkit-animation-name: fade;animation-name: fade;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}@-webkit-keyframes fade {from {opacity: .4}to {opacity: 1}}@keyframes fade {from {opacity: .4}to {opacity: 1}}@media only screen and (max-width: 300px) {.prev, .next, .text {font-size: 11px;}}.about-info {display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.about-info-1, .about-info-2, .about-info-3 {display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 15px 0;}.about-header {background-color: var(--secondary);color: var(--primary);text-shadow: 2px 2px var(--text-shadow);}.about-text-1, .about-text-3 {float: left;width: 50%;margin: 0 20px;}.about-text-2 {float: right;width: 50%;margin: 0 20px;}.about-info img {max-width: 500px;max-height: 400px;border: solid 1px #000;}.menu-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.menu-container p {font-size: 22px;}.menu-container div p {min-width: 60%;line-height: 2;}.menu-container img {max-width: 350px;max-height: 350px;border: solid 1px #000;}.menu-salads {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}.salads {width: 40%;}.menu-sandwiches {display: -ms-grid;display: grid;-ms-grid-columns: auto 10px auto 10px auto;grid-template-columns: auto auto auto;gap: 10px;margin: 0 10rem;}.sandwiches-classic {-ms-grid-column: 1;grid-column-start: 1;-ms-grid-column-span: 2;grid-column-end: 3;-ms-grid-row: 2;grid-row-start: 2;}.sandwiches-special {background-color: var(--secondary);padding: 0 10px;-ms-grid-column: 2;grid-column-start: 2;-ms-grid-column-span: 2;grid-column-end: 4;-ms-grid-row: 1;grid-row-start: 1;}.drinks-hot-special {background-color: var(--secondary);padding: 0 10px;}.drinks-cold-special {background-color: var(--secondary);padding: 0 10px;}.menu-sweets {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.menu-drinks {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.menu-drinks-cold {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.menu-drinks-hot {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}div.drinks-hot-special, div.drinks-hot-add, .drinks-cold-classic {width: 40%;margin: 5rem;}.drinks-hot {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 50%;}.drinks-hot h2 {margin-top: 2rem;}.drinks-hot div {width: 60%;}.drinks-hot-1 {padding: 2rem;width: 100%;}.contact-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;}.vl-2 {width: 1px;height: 550px;border: solid 1px var(--secondary);}.info-contact, .info-offers {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 50%;}@media all and (max-width: 321px) {h1 {font-size: 18px;}h2 {font-size: 16px;}h3 {font-size: 16px;}p {font-size: 14px;}.hl-2 {margin-bottom: 10px;border-color: var(--secondary);}.hl-4 {margin: none;}#welcome-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.main-container-3 {height: 65px;}ul.navigation-list {margin: 10px 10px 10px 10px;padding-left: 10px;}ul.navigation-list li {font-size: 18px;padding-top: 5px;}#header-logo {height: 150px;}#header-text {display: none;}.slideshow-text {font-size: 17px;}.info {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.info-times {float: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 20px;min-width: 250px;}.info-location {width: 90%;max-height: 15rem;}.about-info-1, .about-info-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.about-info-2 {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}.about-text-1, .about-text-2, .about-text-3 {min-width: 80%;}.about-info img {max-width: 250px;max-height: 200px;}.menu-container p {font-size: 12px;}.menu-container div {width: 300px;}.menu-sandwiches {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0 auto;}.menu-salads, .menu-sweets, .menu-drinks-cold, .menu-drinks-hot, .drinks-hot, .drinks-hot-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}div.drinks-hot-special, div.drinks-hot-add, .drinks-cold-classic {width: 90%;margin: 1rem;}.menu-container h2 {text-align: center;}img#sweets-img {width: 250px;}img#salad-img {max-height: 200px;margin-bottom: 10px;}.img {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.contact-container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.vl, .vl-2, .hl {display: none;}.hide {display: none;}}@media all and (min-width: 322px) and (max-width: 650px) {h1 {font-size: 22px;}h2 {font-size: 18px;}h3 {font-size: 20px;}p {font-size: 15px;}#welcome-container {width: 50%;height: 100%;}#header-welcome {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.main-navigation {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 50%;}ul.navigation-list {margin: 10px 10px;padding: 5px;}ul.navigation-list li {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 18px;padding: 5px;width: 100%;}#header-logo {height: 175px;width: 150px;}#header-text {display: none;}.slideshow-text {font-size: 17px;}.info {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.info-times {float: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 20px;min-width: 250px;}.info-times h3 {font-size: 20px;}.info-location {width: 90%;max-height: 15rem;}.about-info-1, .about-info-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.about-info-2 {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}.about-text-1, .about-text-2, .about-text-3 {min-width: 80%;}.about-info img {max-width: 350px;max-height: 300px;}.menu-container p {font-size: 16px;}.menu-sandwiches {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0 auto;}.menu-salads, .menu-sweets, .menu-drinks-cold, .menu-drinks-hot, .drinks-hot, .drinks-hot-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}div.drinks-hot-special, div.drinks-hot-add, .drinks-cold-classic {width: 90%;margin: 1rem;}.menu-container div {min-width: 90%;}.menu-container h2 {text-align: center;}#sweets-img img {max-width: 250px;}img#salad-img {max-height: 200px;margin-bottom: 10px;}.img {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.contact-container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.vl, .vl-2, .hide {display: none;}}@media all and (min-width: 650px) and (max-width: 770px) {h1 {font-size: 25px;}h2 {font-size: 22px;}h3 {font-size: 20px;}#welcome-container {width: 40%;height: 100%;};ul.navigation-list li {font-size: 18px;margin: 0;}.info {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.info-location {text-decoration: none;color: #000;overflow: hidden;max-width: 60%;width: 400px;height: 250px;}.info-times {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;float: right;margin: 0 20px;min-width: 250px;}.info-times p {font-size: 16px;}.slideshow-text {font-size: 16px;}.page-footer p {font-size: 16px;}#social-links img {width: 30px;height: 30px;}.about-info-1, .about-info-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.about-info-2 {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}.about-text-1, .about-text-2, .about-text-3 {min-width: 80%;}span#smiley {display: block;}.menu-container p {font-size: 16px;}.menu-sandwiches {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0 auto;}.menu-salads, .menu-sweets, .menu-drinks-cold, .menu-drinks-hot, .drinks-hot, .drinks-hot-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}div.drinks-hot-special, div.drinks-hot-add, .drinks-cold-classic {width: 90%;margin: 1rem;}.menu-container div {min-width: 450px;}.menu-container h2 {text-align: center;}#sweets-img img {max-width: 250px;}img#salad-img {max-height: 200px;margin-bottom: 10px;}.img {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.contact-container p {font-size: 18px;}#header-text, .vl, .hl-6, #hide-break-about {display: none;}}@media all and (min-width: 775px) and (max-width: 1450px) {h1 {font-size: 2.5rem;}h2 {font-size: 2rem;}h3 {font-size: 1.5rem;}p {font-size: 18px;}.about-info img {max-width: 450px;}.menu-sandwiches {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0 auto;width: 90%;}.menu-drinks-cold, .menu-drinks-hot, .drinks-hot, .drinks-hot-3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 90%;}div.drinks-hot-special, div.drinks-hot-add, .drinks-cold-classic {width: 90%;margin: 5rem;}.hl-5, .hl-6, #info-hl {display: none;}}@media all and (min-width: 1451px) {h1 {font-size: 3rem;}h2 {font-size: 2.5rem;}h3 {font-size: 2rem;}.menu-container p, p {font-size: 1.5rem;}.sweet-sides, .drinks-cold-special, .drinks-hot-special, .drinks-hot-add {min-width: 550px;}#header-logo {height: 200px;}#header-welcome {font-size: 3rem;}ul.navigation-list li {font-size: 2rem;}.intro-text-art, .intro-text-food {width: 500px;}.info-location {text-decoration: none;color: #000;overflow: hidden;max-width: 100%;width: 800px;height: 600px;}.info-times {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;float: right;margin: 0 20px;min-width: 400px;}.info-times p {font-size: 2rem;}#info-hl {display: none;}.slideshow-text {font-size: 2rem;}.page-footer p {font-size: 2rem;}#social-links img {width: 3rem;height: 3rem;}.main-container-3 {min-height: 100px;}.about-info img {max-height: 700px;max-width: 800px;}span#smiley {display: block;}.menu-container img {max-height: 700px;max-width: 700px;}.vl {min-height: 900px;}.hl-6 {display: none;}}