<!DOCTYPE html>
<html class="wide wow-animation smoothscroll" lang="en">
  <head>
    <!-- Site Title-->
    <title>CU Fueling Station | Schedule</title>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <!-- Stylesheets-->
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,300italic%7CMr+Dafoe">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Kameron" rel="stylesheet">
		<!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <script src="js/html5shiv.min.js"></script>
		<![endif]-->
	<style>
		@media screen and (max-width: 767px)  {
			.ifrm {min-height: 75vh; width:calc(100% + 8px);; }
		}
		@media screen and (min-width: 768px) and (max-width: 991px)  {
			.ifrm {min-height: 80vw; width:calc(100% + 8px); }
		}
		@media screen and (min-width: 992px) and (max-width: 1920px)  {
			.ifrm {min-height: 60vw; width:calc(100% + 8px); }
		}
		@media screen and (min-width: 1921px)  {
			.ifrm {min-height: 32vw; width:calc(100% + 8px); }
		}
		@media screen and (max-width: 767px)  {
		.ifrmcontainer { width: 100%; display: inline-block;}
		}
		@media screen and (min-width: 768px)  {
		.ifrmcontainer { width: 100%; display: inline-block; overflow-x: hidden;}
		}
	</style>
  </head>
  <body>
    <!-- Page-->
    <div class="page">
      <div id="page-loader">
        <div class="cssload-container">
          <div class="cssload-speeding-wheel"></div>
        </div>
      </div>
      <!-- Page header-->
      <?php include 'includes/header.php';?>
      
      <section class="section text-center section-lg bg-white">
        <div class="shell">
          <hr class="divider divider-md divider-primary">
          <h2>Fueling Station Menu Schedule</h2>
          <p>BREAKFAST includes smoothie bar<br>LUNCH includes salad, pasta, & smoothie bars<br>*Lunch hot food line stops serving at 2pm</p>
			<!--Google Calendar-->
       <div class="ifrmcontainer">
       <iframe src="includes/calendar.php" style="outline: none; border: none;" class="ifrm"></iframe></div>
			<p><em>*Menu subject to change without notice</em></p>
        </div>
      </section>
      <!-- Giant Images
      <section class="section">
        <div class="range range-condensed">
          <div class="cell-sm-6"><img class="img-wide" src="images/about-01-960x713.jpg" alt="" width="960" height="713"/>
          </div>
          <div class="cell-sm-6"><img class="img-wide" src="images/about-02-960x713.jpg" alt="" width="960" height="713"/>
          </div>
        </div>
      </section>
      <section class="section">
        <div class="range range-condensed">
          <div class="cell-sm-6"><img class="img-wide" src="images/sandies-960x713.jpg" alt="" width="960" height="713"/>
          </div>
          <div class="cell-sm-6"><img class="img-wide" src="images/salad-station-960x713.jpg" alt="" width="960" height="713"/>
          </div>
        </div>
      </section>
      -->
	<!-- Page Footer-->
	  <?php include 'includes/footer.php';?>
    </div>
    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- PhotoSwipe Gallery-->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
            <button class="pswp__button pswp__button--share" title="Share"></button>
            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
            <div class="pswp__share-tooltip"></div>
          </div>
          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__cent"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Javascript-->
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>