*{padding:0;margin:0}body,td,th,p{font-family:Arial,Helvetica,sans-serif;font-size:16pt;color:#000;line-height:1.2em}body{background-color:#fdfdfd;margin:0;position:relative}ul,li{font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#757575}a{color:#2196f3;text-decoration:none}a:hover,a:focus{color:#3397db;text-decoration:none}a img{border:none 0 #fff}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;margin:0 0 20px}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#maincontent{background-color:#f3f3f3;position:relative}.flexWrapper{display:flex;flex-direction:column;flex-wrap:wrap}#footer{background-color:#000;padding:25px 0;width:100%}#footer p{color:#bdbdbd;font-size:8pt;letter-spacing:1px;text-align:center;text-transform:uppercase;line-height:25px}.screenreader{position:absolute;left:-10000;width:1px;height:1px;overflow:hidden}#breadcrumb{padding:10px 40px 16px;list-style:none;background-color:#eee;font-size:17px;margin:0;width:calc(50% - 80px)}#breadcrumb li{display:inline}#breadcrumb li + li:before{padding:8px;color:#000;content:"/ "}#breadcrumb a{color:#2196f3;text-decoration:none}#breadcrumb a:hover{color:#1976d2;text-decoration:underline}@media screen and (max-width: 550px){#breadcrumb{width:calc(100% - 80px);display:block;position:absolute}}#map{height:400px;width:100%;background-color:#ccc}.filter-options{width:100%;background-color:#1976d2;align-items:center;box-shadow:0 3px 6px rgba(0,0,0,.33);margin-bottom:10px}.filter-options h2{color:#fff;font-size:1rem;font-weight:normal;line-height:1;margin:5px 20px;display:inline}.filter-options select{background-color:#fff;border:1px solid #fff;font-family:Arial,sans-serif;font-size:11pt;height:35px;letter-spacing:0;margin:5px;padding:0 10px;width:200px}.filter-options select:focus{box-shadow:0 0 4px 4px #ff8a65}#restaurants-list{background-color:#f3f3f3;list-style:outside none none;margin:0;padding:5px 15px 30px;text-align:center;overflow:hidden}#restaurants-list ul{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center;align-content:flex-start}#restaurants-list li{position:relative;background-color:#fff;border:2px solid #ccc;font-family:Arial,sans-serif;margin:15px;min-height:380px;padding:2px 2px 5px;text-align:center;width:270px;float:left;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}#restaurants-list li h2{color:#1976d2;font-family:Arial,sans-serif;font-size:14pt;font-weight:200;letter-spacing:0;line-height:1.3;margin:20px 0 10px;text-transform:uppercase}#restaurants-list li a{background-color:#ff8a65;border-bottom:3px solid #eee;color:#000;display:inline-block;font-size:10pt;margin:15px 0 0;padding:8px 30px 10px;text-align:center;text-decoration:none;text-transform:uppercase}#restaurants-list .restaurant-img{background-color:#ccc;display:block;margin:0;max-width:100%;min-height:100px}#restaurants-list p{margin:0;font-size:11pt}#restaurants-list .fav{font-size:2.5em;line-height:.8em;position:absolute;top:2px;right:2px;padding-top:2px;cursor:pointer;background:rgba(255,255,255,.7);height:36px;width:40px;border-bottom-left-radius:7px}#restaurants-list .fav div{font-size:47px}#restaurants-list .fav .red{color:#ff5252}#restaurants-list .fav .black{color:#313131}h1{width:100%;height:80px;background-color:#252831;text-align:center;margin:auto}h1 a{color:#fff;font-size:14pt;font-weight:200;letter-spacing:10px;text-transform:uppercase;line-height:80px}.inside header{position:fixed;top:0;width:100%;z-index:1000}.inside header nav ul{text-align:left}.inside #map-container{background:#2196f3 none repeat scroll 0 0;height:87%;position:fixed;right:0;top:80px;width:50%}.inside #map{background-color:#ccc;height:100%;width:100%}.inside #footer{bottom:0;position:absolute;width:50%}.inside #fav{color:#ff8a65;font-size:1.7em;line-height:.8em;position:absolute;top:190px;left:calc(50% - 42px);padding-top:2px;padding-left:2px;cursor:pointer;background:rgba(253,253,253,.7);height:36px;width:40px;border-bottom-left-radius:7px}.rating{width:50%;text-align:center}.rating button{border:0;padding:10px;background:#fff;cursor:pointer;font-size:1em;background:#ff8a65;color:#000;border-radius:3px;margin:5px 0}#writeReview{background:rgba(0,0,0,.85);height:100%;width:100%;z-index:10000;position:fixed;top:0;color:#fff;display:none}#writeReview #closeReview{color:#fff;position:absolute;top:7px;right:10px;font-size:2em;font-weight:bold;cursor:pointer;background:none;border:none}#writeReview .centerContainer{position:relative;top:40%;transform:translateY(-40%);margin:0 10px}#writeReview .centerContainer #headingReview{text-align:center}#writeReview .centerContainer #reviewForm input{width:198px}#writeReview .centerContainer #reviewForm textarea{width:200px}#writeReview .centerContainer #reviewForm #sendReview{border:1px solid #555;background:#eee;padding:3px 5px;border-radius:3px;font-size:1em;cursor:pointer;width:min-content}#writeReview .centerContainer #reviewForm table{margin:0 auto}#writeReview label{color:#fff}#restaurant-name{color:#1976d2;font-family:Arial,sans-serif;font-size:20pt;font-weight:200;letter-spacing:0;margin:15px 0 30px;text-transform:uppercase;line-height:1.1}#restaurant-img{width:90%}#restaurant-address{font-size:12pt;margin:10px 0;font-style:normal}#restaurant-cuisine{background-color:#333;color:#ddd;font-size:12pt;font-weight:300;letter-spacing:10px;margin:0 0 20px;padding:2px 0;text-align:center;text-transform:uppercase;width:90%}#restaurant-container,#reviews-container{border-bottom:1px solid #d9d9d9;border-top:1px solid #fff;padding:140px 40px 30px;width:50%;position:relative}#reviews-container{padding:30px 40px 80px}#reviews-container h2{color:#1976d2;font-size:24pt;font-weight:300;letter-spacing:-1px;padding-bottom:1pt}#reviews-list{margin:0;padding:0}#reviews-list li{background-color:#fff;border:2px solid #f3f3f3;display:block;list-style-type:none;margin:0 0 30px;overflow:hidden;padding:5px 20px 20px;position:relative;width:80%;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}#reviews-list li p{margin:0 0 10px}#restaurant-hours td{color:#666}@media screen and (max-width: 411px){nav h1{padding:9px 0}nav h1 a{line-height:22px}}@media screen and (max-width: 450px){.filter-options select{width:calc(100% - 10px)}}@media screen and (max-width: 500px){#restaurants-list li{width:calc(100% - 38px);min-height:0}}@media screen and (max-width: 550px){.inside header{position:relative;top:inherit}.inside header #breadcrumb{position:relative}.inside #footer{width:100%}.inside #map-container{width:100%;height:300px;position:relative;order:4;top:inherit;right:inherit}.rating{width:100%;order:6}#restaurant-name{width:calc(100% - 10px);order:2;padding-left:10px;margin:10px 0 15px}#restaurant-img{width:100%;order:0}#restaurant-address{width:100%;order:5;text-align:center}#restaurant-hours{order:3;margin-bottom:10px;padding:0 10px}#restaurant-hours td{font-size:1rem}#restaurant-cuisine{width:100%;order:1;box-shadow:0 3px 6px rgba(0,0,0,.33)}#reviews-container{order:7;width:calc(100% - 40px);padding:30px 20px 100px;position:relative}#reviews-list li{width:calc(100% - 40px)}#reviews-list li p{margin:0;font-size:1rem}#reviews-list li p:last-child{font-size:.9rem}}@media screen and (min-width: 551px){.inside header #breadcrumb{box-shadow:-2px 3px 6px rgba(0,0,0,.33)}#restaurant-name{margin-top:calc(180px - 3vw);width:calc(50% - 10px);padding-left:10px;position:relative;margin-bottom:15px}#restaurant-img{width:50%}#restaurant-cuisine{width:50%;margin-bottom:5px}#restaurant-address{width:50%;text-align:center;margin-bottom:10px;font-weight:bold}#restaurant-hours{margin-bottom:10px;padding:0 10px;width:calc(50% - 20px)}#restaurant-hours td{font-size:1rem}.inside #map-container{height:calc(100vh - 80px)}#reviews-container{width:calc(50% - 40px);padding:30px 20px 100px;position:relative}#reviews-list li{width:calc(100% - 44px)}#reviews-list li p{margin:0;font-size:1rem}#reviews-list li p:last-child{font-size:.9rem}}@media screen and (min-width: 450px)and (max-width: 600px){.filter-options{text-align:center;padding-bottom:5px}.filter-options h2{font-size:1.2rem;line-height:1.5rem;margin:0 20px;padding-top:5px;display:block}.filter-options select{margin:5px;padding:0 10px;width:calc(50% - 20px)}}@media screen and (min-width: 501px)and (max-width: 650px){#restaurants-list li{width:calc(70% - 4px);margin:15px 15%;min-height:0}}@media screen and (min-width: 651px)and (max-width: 850px){#restaurants-list li{width:calc(50% - 38px);min-height:0}}@media screen and (min-width: 851px)and (max-width: 1400px){#restaurants-list li{width:calc(33% - 38px);min-height:370px}}@media screen and (min-width: 1001px){#restaurant-name{margin-top:150px;order:0}#restaurant-img{width:33%;margin:0 8.5%}#restaurant-cuisine{width:33%;margin:0 8.5% 4px}#restaurant-hours{width:40%;margin:0 5%}}@media screen and (min-width: 1401px)and (max-width: 1700px){#restaurants-list li{width:calc(25% - 38px);min-height:350px}}@media screen and (min-width: 1701px){#restaurants-list{margin:0 10%}#restaurants-list li{width:calc(25% - 8px - 2.5%);min-height:350px}}#map-container{display:none;transition:display .5s}#mapSwitch{background:#ddd;position:fixed;height:1.5em;width:1.5em;border-top-left-radius:7px;border-bottom-left-radius:7px;top:65px;right:0;padding:3px;z-index:10000;border:1px solid #000;border-right:none;cursor:pointer}/*# sourceMappingURL=src/css/styles.css.map */