@media screen {
  /* line 1, ../sass/_header.scss */
  .header-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
  }

  /* line 7, ../sass/_header.scss */
  .search-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
  }

  /* line 1, ../sass/_global.scss */
  * {
    box-sizing: border-box;
  }

  /* line 5, ../sass/_global.scss */
  #page-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }

  /* line 12, ../sass/_global.scss */
  header {
    background-color: darkblue;
    color: white;
    text-align: center;
    border-radius: 8px;
  }

  /* line 19, ../sass/_global.scss */
  header h1 {
    padding-top: 30px;
    height: 60px;
    font-size: 80px;
  }

  /* line 25, ../sass/_global.scss */
  header h3 {
    padding-top: 20px;
    height: 40px;
    Font-size: 2.3em;
    padding-bottom: 5px;
    font-weight: lighter;
  }

  /* line 33, ../sass/_global.scss */
  header h2 {
    background-color: #3B4956;
    padding: 14px;
    font-weight: lighter;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* line 41, ../sass/_global.scss */
  input {
    border-radius: 5px;
  }

  /* line 47, ../sass/_global.scss */
  article p {
    padding: 20px;
  }

  /* line 51, ../sass/_global.scss */
  form {
    text-align: right;
  }

  /* line 55, ../sass/_global.scss */
  form a {
    background-color: #3B4956;
    color: #F2F0A2;
    padding: 5px 40px;
    text-decoration: none;
    border-radius: 5px;
    margin-right: 8px;
    box-shadow: 1px 1px 2px grey;
  }

  /* line 65, ../sass/_global.scss */
  form input[type=search] {
    background-color: darkgray;
    color: white;
    vertical-align: middle;
  }

  /* line 71, ../sass/_global.scss */
  form input[type=image] {
    height: 25px;
    width: 25px;
    background-color: #4D4D4D;
    border: none;
    vertical-align: middle;
  }

  /* This prevents the text from going to two lines */
}
@media screen and (max-width: 870px) {
  /* line 81, ../sass/_global.scss */
  #category-listing li {
    font-size: 16px;
  }

  /* line 84, ../sass/_global.scss */
  header {
    height: auto;
  }

  /* line 87, ../sass/_global.scss */
  header h1 {
    padding: 45px 5px 15px 0px;
    height: 60px;
    font-size: 65px;
    transition: font .5s;
  }

  /* line 93, ../sass/_global.scss */
  header h3 {
    padding: 15px 5px 5px 5px;
    height: 40px;
    Font-size: 25px;
    padding-bottom: 5px;
    font-weight: lighter;
    transition: font .5s;
  }

  /* line 101, ../sass/_global.scss */
  header h2 {
    background-color: #3B4956;
    padding: 14px;
    font-weight: lighter;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 18px;
    transition: font .5s;
  }

  /* line 110, ../sass/_global.scss */
  #abw img {
    width: 100%;
  }

  /* line 113, ../sass/_global.scss */
  #about-thegrant img {
    float: left;
    width: 100%;
  }

  /* line 117, ../sass/_global.scss */
  #footer-about li {
    list-style-type: none;
    text-align: right;
    padding: 3px 12px 0px 0px;
    font-weight: lighter;
    font-size: 13px;
    transition: font .5s;
  }

  /* line 125, ../sass/_global.scss */
  #footer-menu ul {
    list-style-type: none;
    padding-top: 10px;
  }

  /* line 129, ../sass/_global.scss */
  #footer-menu li {
    margin-bottom: 2px;
    transition: font .5s;
    font-size: 16px;
  }
}
@media screen {
  /* End of this section  */
  /* This makes the 3 colums to 2 colums for mobile */
}
@media screen and (max-width: 690px) {
  /* line 139, ../sass/_global.scss */
  #category-listing li {
    font-size: 12px;
    width: 50%;
  }

  /* line 143, ../sass/_global.scss */
  #footer-menu ul li {
    font-weight: lighter;
    padding: 5px 2px 0 0;
  }

  /* line 147, ../sass/_global.scss */
  #footer-menu ul {
    list-style-type: none;
    padding-top: 10px;
  }
}
@media screen {
  /* End of this section  */
  /* -------------------  */
  /* -------------------  */
  /* Fixes the footer from shooting out background color below grey box*/
  /* End of this section  */
  /* -------------------  */
  /* -------------------  */
  /* line 165, ../sass/_global.scss */
  footer {
    clear: both;
    margin-top: 15px;
    background-color: #5F6B78;
    overflow: hidden;
    border-radius: 8px;
  }

  /* line 174, ../sass/_global.scss */
  #footer-menu {
    list-style-type: none;
    float: left;
    width: 50%;
    background-color: #5F6B78;
    text-decoration: none;
    color: white;
  }

  /* line 184, ../sass/_global.scss */
  #footer-menu ul {
    list-style-type: none;
  }

  /* line 188, ../sass/_global.scss */
  #footer-menu ul a {
    list-style-type: none;
    text-decoration: none;
    color: white;
  }

  /* line 194, ../sass/_global.scss */
  #footer-menu ul li {
    margin-top: 2px;
    padding-top: 4px;
    font-weight: lighter;
  }

  /* line 200, ../sass/_global.scss */
  #footer-about {
    background-color: #DADDE2;
    float: right;
    width: 50%;
    padding: 10px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
  }

  /* line 209, ../sass/_global.scss */
  #footer-about h1 {
    font-size: 16px;
    padding: 8px 10px 0px 10px;
    text-align: right;
  }

  /* line 215, ../sass/_global.scss */
  #footer-about li {
    list-style-type: none;
    text-align: right;
    padding: 3px 12px 0px 0px;
    font-weight: lighter;
  }

  /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
  /**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS text size adjust after orientation change, without disabling
   *    user zoom.
   */
  /* line 9, ../sass/_normalize.scss */
  html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }

  /**
   * Remove default margin.
   */
  /* line 19, ../sass/_normalize.scss */
  body {
    margin: 0;
  }

  /* HTML5 display definitions
     ========================================================================== */
  /**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
  /* line 33, ../sass/_normalize.scss */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }

  /**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
  /* line 54, ../sass/_normalize.scss */
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
  }

  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  /* line 67, ../sass/_normalize.scss */
  audio:not([controls]) {
    display: none;
    height: 0;
  }

  /**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
   */
  /* line 77, ../sass/_normalize.scss */
  [hidden],
  template {
    display: none;
  }

  /* Links
     ========================================================================== */
  /**
   * Remove the gray background color from active links in IE 10.
   */
  /* line 89, ../sass/_normalize.scss */
  a {
    background-color: transparent;
  }

  /**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
  /* line 97, ../sass/_normalize.scss */
  a:active,
  a:hover {
    outline: 0;
  }

  /* Text-level semantics
     ========================================================================== */
  /**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
  /* line 109, ../sass/_normalize.scss */
  abbr[title] {
    border-bottom: 1px dotted;
  }

  /**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
  /* line 117, ../sass/_normalize.scss */
  b,
  strong {
    font-weight: bold;
  }

  /**
   * Address styling not present in Safari and Chrome.
   */
  /* line 126, ../sass/_normalize.scss */
  dfn {
    font-style: italic;
  }

  /**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
  /* line 135, ../sass/_normalize.scss */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  /**
   * Address styling not present in IE 8/9.
   */
  /* line 144, ../sass/_normalize.scss */
  mark {
    background: #ff0;
    color: #000;
  }

  /**
   * Address inconsistent and variable font size in all browsers.
   */
  /* line 153, ../sass/_normalize.scss */
  small {
    font-size: 80%;
  }

  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  /* line 161, ../sass/_normalize.scss */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  /* line 169, ../sass/_normalize.scss */
  sup {
    top: -0.5em;
  }

  /* line 173, ../sass/_normalize.scss */
  sub {
    bottom: -0.25em;
  }

  /* Embedded content
     ========================================================================== */
  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
  /* line 184, ../sass/_normalize.scss */
  img {
    border: 0;
  }

  /**
   * Correct overflow not hidden in IE 9/10/11.
   */
  /* line 192, ../sass/_normalize.scss */
  svg:not(:root) {
    overflow: hidden;
  }

  /* Grouping content
     ========================================================================== */
  /**
   * Address margin not present in IE 8/9 and Safari.
   */
  /* line 203, ../sass/_normalize.scss */
  figure {
    margin: 1em 40px;
  }

  /**
   * Address differences between Firefox and other browsers.
   */
  /* line 211, ../sass/_normalize.scss */
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }

  /**
   * Contain overflow in all browsers.
   */
  /* line 221, ../sass/_normalize.scss */
  pre {
    overflow: auto;
  }

  /**
   * Address odd `em`-unit font size rendering in all browsers.
   */
  /* line 229, ../sass/_normalize.scss */
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  /* Forms
     ========================================================================== */
  /**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
  /**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
  /* line 252, ../sass/_normalize.scss */
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
  }

  /**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
  /* line 266, ../sass/_normalize.scss */
  button {
    overflow: visible;
  }

  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
  /* line 277, ../sass/_normalize.scss */
  button,
  select {
    text-transform: none;
  }

  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
  /* line 290, ../sass/_normalize.scss */
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
  }

  /**
   * Re-set default cursor for disabled elements.
   */
  /* line 302, ../sass/_normalize.scss */
  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  /**
   * Remove inner padding and border in Firefox 4+.
   */
  /* line 311, ../sass/_normalize.scss */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
  /* line 322, ../sass/_normalize.scss */
  input {
    line-height: normal;
  }

  /**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
  /* line 334, ../sass/_normalize.scss */
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }

  /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
  /* line 346, ../sass/_normalize.scss */
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
   *    (include `-moz` to future-proof).
   */
  /* line 357, ../sass/_normalize.scss */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
  }

  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
  /* line 370, ../sass/_normalize.scss */
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
   * Define consistent border, margin, and padding.
   */
  /* line 379, ../sass/_normalize.scss */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  /**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
  /* line 390, ../sass/_normalize.scss */
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
  }

  /**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
  /* line 399, ../sass/_normalize.scss */
  textarea {
    overflow: auto;
  }

  /**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
  /* line 408, ../sass/_normalize.scss */
  optgroup {
    font-weight: bold;
  }

  /* Tables
     ========================================================================== */
  /**
   * Remove most spacing between table cells.
   */
  /* line 419, ../sass/_normalize.scss */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  /* line 424, ../sass/_normalize.scss */
  td,
  th {
    padding: 0;
  }

  /* line 1, ../sass/_home.scss */
  * {
    box-sizing: border-box;
  }

  /* line 5, ../sass/_home.scss */
  #page-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }

  /* line 12, ../sass/_home.scss */
  header {
    background-color: darkblue;
    color: white;
    text-align: center;
    border-radius: 8px;
  }

  /* line 19, ../sass/_home.scss */
  header h1 {
    padding-top: 30px;
    height: 60px;
    font-size: 80px;
  }

  /* line 25, ../sass/_home.scss */
  header h3 {
    padding-top: 20px;
    height: 40px;
    Font-size: 2.3em;
    padding-bottom: 5px;
    font-weight: lighter;
  }

  /* line 33, ../sass/_home.scss */
  header h2 {
    background-color: #3B4956;
    padding: 14px;
    font-weight: lighter;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* line 41, ../sass/_home.scss */
  input {
    border-radius: 5px;
  }

  /* line 47, ../sass/_home.scss */
  #welcome h1 {
    font-size: 45px;
    font-weight: 500;
    margin: 20px 0 20px 0;
  }

  /* line 53, ../sass/_home.scss */
  #welcome p {
    font-size: 30;
    padding: 0 0 10px 0;
    text-align: justify;
  }

  /* line 59, ../sass/_home.scss */
  article p {
    padding: 20px;
  }

  /* line 63, ../sass/_home.scss */
  form {
    text-align: right;
  }

  /* line 67, ../sass/_home.scss */
  form a {
    background-color: #3B4956;
    color: #F2F0A2;
    padding: 5px 40px;
    text-decoration: none;
    border-radius: 5px;
    margin-right: 8px;
    box-shadow: 1px 1px 2px grey;
  }

  /* line 77, ../sass/_home.scss */
  form input[type=search] {
    background-color: darkgray;
    color: white;
    vertical-align: middle;
  }

  /* line 83, ../sass/_home.scss */
  form input[type=image] {
    height: 25px;
    width: 25px;
    background-color: #4D4D4D;
    border: none;
    vertical-align: middle;
  }

  /* line 91, ../sass/_home.scss */
  #category-listing {
    background-color: darkgray;
  }

  /* line 95, ../sass/_home.scss */
  #category-listing li {
    background-color: #F2F0A2;
    float: left;
    width: 33.3%;
    padding: 20px;
    border: 3px solid white;
    border-radius: 8px;
    font-size: 22px;
    transition: width .5s;
  }

  /* line 106, ../sass/_home.scss */
  #category-listing li a {
    box-shadow: 3px 3px 3px gray;
    min-height: 210px;
  }

  /* This prevents the text from going to two lines */
}
@media screen and (max-width: 870px) {
  /* line 113, ../sass/_home.scss */
  #category-listing li {
    font-size: 16px;
  }

  /* line 116, ../sass/_home.scss */
  header {
    height: auto;
  }

  /* line 119, ../sass/_home.scss */
  header h1 {
    padding: 45px 5px 15px 0px;
    height: 60px;
    Font-size: 65px;
    transition: font .5s;
  }

  /* line 125, ../sass/_home.scss */
  header h3 {
    padding: 15px 5px 5px 5px;
    height: 40px;
    Font-size: 25px;
    padding-bottom: 5px;
    font-weight: lighter;
    transition: font .5s;
  }

  /* line 133, ../sass/_home.scss */
  header h2 {
    background-color: #3B4956;
    padding: 14px;
    font-weight: lighter;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 18px;
    transition: font .5s;
  }

  /* line 142, ../sass/_home.scss */
  #abw img {
    width: 100%;
  }

  /* line 145, ../sass/_home.scss */
  #about-thegrant img {
    float: left;
    width: 100%;
  }

  /* line 149, ../sass/_home.scss */
  #footer-about li {
    list-style-type: none;
    text-align: right;
    padding: 3px 12px 0px 0px;
    font-weight: lighter;
    font-size: 13px;
    transition: font .5s;
  }

  /* line 157, ../sass/_home.scss */
  #footer-menu ul {
    list-style-type: none;
    padding-top: 15px;
  }

  /* line 161, ../sass/_home.scss */
  #footer-menu li {
    margin-bottom: 15px;
    transition: font .5s;
    font-size: 16px;
  }
}
@media screen {
  /* End of this section  */
  /* This makes the 3 colums to 2 colums for mobile */
}
@media screen and (max-width: 690px) {
  /* line 171, ../sass/_home.scss */
  #category-listing li {
    font-size: 12px;
    width: 50%;
  }
}
@media screen {
  /* End of this section  */
  /* line 178, ../sass/_home.scss */
  #category-listing img {
    display: block;
    width: 50%;
    height: auto;
    margin: 20px auto 0;
  }

  /* line 186, ../sass/_home.scss */
  #category-listing ul {
    list-style: none;
    padding: 0px;
    border-radius: 8px;
  }

  /* line 192, ../sass/_home.scss */
  #category-listing a {
    color: white;
    text-decoration: none;
    background: #333333;
    display: block;
    text-align: center;
    border-radius: 8px;
    padding: 2px 1px 10px 5px;
  }

  /* line 203, ../sass/_home.scss */
  #abw img {
    float: left;
    padding: 10px 25px 0 0px;
    max-width: 440px;
  }

  /* line 209, ../sass/_home.scss */
  #abw p {
    padding: 40px 0 15px 20px;
    text-align: justify;
  }

  /* line 214, ../sass/_home.scss */
  #abw {
    clear: both;
    padding: 40px;
    overflow: hidden;
    background-color: #DADDE2;
  }

  /* line 221, ../sass/_home.scss */
  #abw a {
    clear: both;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #5F6B78;
    font-size: 20px;
    color: white;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-weight: 100;
  }

  /* line 233, ../sass/_home.scss */
  #abw-button {
    text-align: center;
    padding: 0 0 20px 0px;
  }

  /* line 238, ../sass/_home.scss */
  #about-thegrant {
    clear: both;
    overflow: hidden;
    background-color: #5F6B78;
    width: 100%;
    color: white;
  }

  /* line 246, ../sass/_home.scss */
  #about-thegrant h1 {
    padding: 50px 0 0 0;
    text-align: center;
  }

  /* line 251, ../sass/_home.scss */
  #about-thegrant p {
    padding: 10px 30px 0px 30px;
    text-align: justify;
    font-weight: 100;
  }

  /* line 257, ../sass/_home.scss */
  #about-thegrant img {
    float: left;
    padding: 15px 20px 15px 20px;
  }

  /* line 262, ../sass/_home.scss */
  #about-thegrant a {
    margin: 0 auto;
    border-radius: 5px;
    background-color: #F2F0A2;
    font-size: 20px;
    color: #5F6B78;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    font-weight: 100;
  }

  /* line 273, ../sass/_home.scss */
  #about-thegrant-button {
    text-align: center;
    padding: 30px 0 5px 0;
    margin-bottom: 20px;
  }

  /* line 279, ../sass/_home.scss */
  footer {
    clear: both;
    margin-top: 15px;
    background-color: #5F6B78;
    overflow: hidden;
  }

  /* line 286, ../sass/_home.scss */
  #footer-menu {
    list-style-type: none;
    float: left;
    width: 50%;
    background-color: #5F6B78;
    text-decoration: none;
    color: white;
  }

  /* line 295, ../sass/_home.scss */
  #footer-menu ul {
    list-style-type: none;
  }

  /* line 299, ../sass/_home.scss */
  #footer-menu ul a {
    list-style-type: none;
    text-decoration: none;
    color: white;
  }

  /* line 305, ../sass/_home.scss */
  #footer-menu ul li {
    margin-top: 2px;
    padding-top: 4px;
    font-weight: lighter;
  }

  /* line 312, ../sass/_home.scss */
  #footer-about {
    background-color: #DADDE2;
    float: right;
    width: 50%;
    padding: 10px;
  }

  /* line 320, ../sass/_home.scss */
  #footer-about h1 {
    font-size: 16px;
    padding: 8px 10px 0px 10px;
    text-align: right;
  }

  /* line 326, ../sass/_home.scss */
  #footer-about li {
    list-style-type: none;
    text-align: right;
    padding: 3px 12px 0px 0px;
    font-weight: lighter;
  }

  /* line 1, ../sass/_single.scss */
  .left {
    float: left;
    background-color: #F2F0A2;
    width: 200px;
    /*   fix the round radius for the side bar*/
    border-radius: 8px;
    box-shadow: 2px 0px 2px -2px grey;
  }
  /* line 10, ../sass/_single.scss */
  .left a {
    color: black;
    text-decoration: none;
  }

  /* line 16, ../sass/_single.scss */
  #bottom {
    clear: both;
  }

  /* line 20, ../sass/_single.scss */
  #top .left {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  /* line 27, ../sass/_single.scss */
  #bottom .left {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 10px;
  }

  /* line 33, ../sass/_single.scss */
  #top .right li {
    list-style-type: none;
    padding: 5px 15px 2px 5px;
    text-align: right;
    margin-top: 10px;
    font-weight: 100;
  }

  /* line 41, ../sass/_single.scss */
  #top .right li:last-child:nth-child(odd) {
    position: relative;
    left: 120px;
  }

  /* line 46, ../sass/_single.scss */
  #bottom .left h1 {
    text-align: right;
    padding: 0px 15px 0px 5px;
    font-weight: 500;
  }

  /* line 53, ../sass/_single.scss */
  #bottom .left ul {
    list-style-type: none;
    float: right;
    text-align: right;
    padding-right: 15px;
  }

  /* line 60, ../sass/_single.scss */
  #bottom .left li {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  /* line 66, ../sass/_single.scss */
  #top .left div {
    background-color: #4D4D4D;
    color: white;
    text-align: center;
    margin: 20px 10px 150px 10px;
    border-radius: 8px;
    font-size: 22px;
    transition: width .5s;
  }

  /* line 77, ../sass/_single.scss */
  #top .left img {
    width: 100%;
    height: auto;
  }

  /* line 82, ../sass/_single.scss */
  #top .left a {
    color: white;
    text-decoration: none;
    display: block;
    padding-bottom: 20px;
  }

  /* line 90, ../sass/_single.scss */
  .right {
    width: calc(100% - 220px);
    float: right;
    margin-left: 20px;
  }
  /* line 95, ../sass/_single.scss */
  .right li a {
    color: white;
    text-decoration: none;
  }

  /* line 102, ../sass/_single.scss */
  #top .right p {
    padding: 50px 0 30px 20px;
  }

  /* line 107, ../sass/_single.scss */
  #top .right li {
    background-color: #4D4D4D;
    list-style-type: none;
    color: white;
    font-weight: lighter;
    padding: 0px;
    margin: 10px 5px 10px 70px;
    border-radius: 8px;
    width: 25%;
    text-align: center;
    height: 70px;
    float: left;
  }

  /* line 121, ../sass/_single.scss */
  #bottom .right {
    margin-left: 20px;
  }

  /* line 126, ../sass/_single.scss */
  #bottom .right h1 {
    font-size: 30px;
    height: 0 auto;
  }

  /* line 131, ../sass/_single.scss */
  #bottom .right li {
    list-style-type: none;
    padding: 5px;
  }

  /* line 138, ../sass/_single.scss */
  #bottom .right p {
    margin-left: 20px;
  }

  /* line 142, ../sass/_single.scss */
  #bottom .right .heading {
    background-color: #5F6B78;
    border-radius: 6px;
    width: 100%;
    padding: 10px;
    margin: 10px;
    color: white;
    font-size: 19px;
    font-weight: 200;
  }

  /* line 153, ../sass/_single.scss */
  #info-card {
    background-color: #DADDE2;
    margin-left: 100px;
    padding: 10px;
    clear: both;
  }

  /* line 160, ../sass/_single.scss */
  #info-card .heading {
    background-color: #5F6B78;
    color: white;
    font-size: 18px;
    padding: 8px 10px 8px 15px;
    font-weight: 300;
    border-radius: 4px;
    margin-top: 60px;
  }

  /* line 171, ../sass/_single.scss */
  #info-card p {
    padding-left: 40px;
  }

  /* line 175, ../sass/_single.scss */
  #info-card ul {
    list-style-type: none;
    text-align: center;
    display: block;
  }

  /* line 182, ../sass/_single.scss */
  .filter form {
    float: right;
    height: auto;
  }

  /* line 186, ../sass/_single.scss */
  .filter {
    clear: both;
  }

  /* line 190, ../sass/_single.scss */
  .filter form input {
    padding: 4px;
    height: 12px;
    width: 70%;
    padding-right: 20px;
    margin-right: 10px;
  }

  /* line 198, ../sass/_single.scss */
  form input[type=search] {
    background-color: darkgray;
    color: white;
    vertical-align: middle;
  }

  /* line 204, ../sass/_single.scss */
  form input[type=image] {
    height: 25px;
    width: 25px;
    background-color: #4D4D4D;
    border: none;
    vertical-align: middle;
  }

  /* line 213, ../sass/_single.scss */
  #info-card #hours {
    text-align: center;
    margin-top: 25px;
    padding: 0 auto;
  }

  /* line 219, ../sass/_single.scss */
  #info-card #weekdays {
    text-align: left;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    padding: 0 auto;
  }

  /* line 227, ../sass/_single.scss */
  #info-card {
    border-radius: 4px;
  }

  /* line 232, ../sass/_single.scss */
  #info-card a {
    padding: 10px;
    font-size: 25px;
    width: 100%;
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* line 242, ../sass/_single.scss */
  #info-card .website-link {
    display: inline-block;
  }

  /* line 246, ../sass/_single.scss */
  #info-card a:link {
    text-decoration: none;
  }

  /* line 250, ../sass/_single.scss */
  #info-card a:visited {
    text-decoration: none;
  }

  /* line 254, ../sass/_single.scss */
  #info-card a:hover {
    text-decoration: underline;
  }

  /* line 258, ../sass/_single.scss */
  #info-card a:active {
    text-decoration: underline;
  }

  /* line 262, ../sass/_single.scss */
  #info-card article {
    float: left;
    font-style: italic;
    color: grey;
    width: 60%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
  }

  /* line 272, ../sass/_single.scss */
  #info-card .services {
    text-align: left;
  }

  /* line 277, ../sass/_single.scss */
  #info-card h2 {
    font-weight: 600;
    margin-bottom: 0px;
  }

  /* line 282, ../sass/_single.scss */
  #info-card h3 {
    font-size: 14px;
    padding: 0 auto;
    margin: 3px;
    font-weight: 300;
  }

  /* line 290, ../sass/_single.scss */
  #info-card .button {
    background-color: #536D84;
    border-radius: 6px;
    padding: 15px;
    margin: 10px 5px 20px 10px;
    width: 100%;
    text-align: center;
    color: white;
    float: left;
    font-weight: 100;
    font-size: 20px;
    float: right;
  }

  /* line 305, ../sass/_single.scss */
  #info-card .button a:hover {
    background-color: black;
  }

  /*====  This is to stack the top and bottom section  ===*/
}
@media screen and (max-width: 700px) {
  /* line 315, ../sass/_single.scss */
  .left, .right {
    float: none;
    width: 100%;
  }

  /* line 320, ../sass/_single.scss */
  #top .left div {
    background-color: #4D4D4D;
    color: white;
    text-align: center;
    border-radius: 8px;
    font-size: 22px;
    transition: width .5s;
  }

  /* line 330, ../sass/_single.scss */
  #top .left img {
    width: auto;
    height: auto;
  }

  /* line 336, ../sass/_single.scss */
  #top .left a {
    color: white;
    text-decoration: none;
    display: block;
    padding-bottom: 30px;
    text-align: center;
    font-size: 30px;
  }

  /* line 346, ../sass/_single.scss */
  #bottom .left {
    float: left;
  }

  /* line 349, ../sass/_single.scss */
  #bottom .left ul {
    text-align: left;
    font-size: 20px;
    width: 100%;
    margin-top: 0px;
  }

  /* line 356, ../sass/_single.scss */
  #bottom .left h1 {
    text-align: left;
    width: 100%;
    padding: 0 0 0 30px;
    font-size: 50px;
  }
}
@media screen {
  /* line 367, ../sass/_single.scss */
  .right li a {
    color: black;
  }

  /* line 373, ../sass/_single.scss */
  .insurance {
    clear: both;
    padding-bottom: 15px !important;
  }
  /* line 376, ../sass/_single.scss */
  .insurance form {
    float: right;
  }

  /* line 381, ../sass/_single.scss */
  .insurance-item {
    padding-left: 60px !important;
  }

  /* line 388, ../sass/_single.scss */
  .subCategories ul li a {
    color: white;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
  }

  /* line 404, ../sass/_single.scss */
  #addressMap {
    border: 2px solid black;
    box-sizing: border-box;
  }

  /* line 409, ../sass/_single.scss */
  #bottom .right div #addressMap {
    width: 100%;
    height: 500px;
    z-index: 1000;
    position: relative;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* line 419, ../sass/_single.scss */
  #bottom .right .mapContainer {
    background-color: transparent;
  }

  /* line 423, ../sass/_single.scss */
  .message-sent {
    background-color: #002389;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 10px;
  }

  /* line 436, ../sass/_single.scss */
  .distance {
    cursor: pointer;
    padding-top: 7px;
  }

  /* line 441, ../sass/_single.scss */
  .print-page-map {
    border: 2px solid black;
    box-sizing: border-box;
    width: 100%;
    height: 500px;
    z-index: 1000;
    position: relative;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* line 453, ../sass/_single.scss */
  .print-info-card {
    margin-bottom: 10px;
  }

  /* line 457, ../sass/_single.scss */
  #print_button {
    float: left !important;
    width: 100px !important;
    padding: 10px !important;
    font-size: 20px !important;
    height: 53px;
    margin-top: 20px !important;
    border: 0px;
    top: 40px;
    position: relative;
    margin-bottom: 70px !important;
  }

  /* line 470, ../sass/_single.scss */
  .email-address {
    font-size: 18px !important;
  }

  /* line 475, ../sass/_single.scss */
  .buffer-heading {
    padding: 0 !important;
  }

  /* line 479, ../sass/_single.scss */
  .print-explain-text {
    color: #c8c1b8;
  }

  /* line 483, ../sass/_single.scss */
  #save_category_button {
    background-color: transparent;
    border: 0;
    display: block;
    line-height: 35px;
  }

  /* line 490, ../sass/_single.scss */
  #save_category_button:focus {
    outline: none;
  }

  /* line 494, ../sass/_single.scss */
  #save_category {
    clear: both;
    height: 35px;
  }

  /* line 499, ../sass/_single.scss */
  .star {
    float: left;
  }

  /* line 503, ../sass/_single.scss */
  .variable-hours {
    text-align: left;
  }

  /* line 507, ../sass/_single.scss */
  #planTripButton {
    width: 110px !important;
    float: left !important;
    top: 50px;
    position: relative;
  }

  /*bottom of (700) media query*/
  /* line 1, ../sass/_footer.scss */
  .footer-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
  }

  /* line 1, ../sass/_search.scss */
  #search {
    color: black;
    background-color: #F2F0A2;
  }

  /* line 6, ../sass/_search.scss */
  #search h1 {
    color: black;
    background-color: #F2F0A2;
    padding: 10px 0 10px 30px;
    float: left;
    border-radius: 6px;
  }

  /* line 14, ../sass/_search.scss */
  #filter {
    padding-right: 20px;
    margin-top: 15px;
    margin-right: 30px;
    font-size: 22px;
    font-weight: 100;
  }

  /* line 22, ../sass/_search.scss */
  select {
    background-color: #999999;
    color: white;
    display: block;
    float: right;
  }

  /* line 32, ../sass/_search.scss */
  .search-top {
    background-color: #F2F0A2;
    overflow: hidden;
    margin-top: 10px;
  }

  /* line 40, ../sass/_search.scss */
  .search-top h1 {
    margin: 0;
    font-weight: 500;
  }

  /* line 47, ../sass/_search.scss */
  #search-list {
    clear: both;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  /* line 54, ../sass/_search.scss */
  #search-list h2 {
    padding: 10px 20px 10px;
    font-size: 22px;
    float: left;
    text-align: left;
    font-weight: 600;
  }

  /* line 62, ../sass/_search.scss */
  #search-list h3 {
    color: darkgrey;
    font-style: italic;
    font-weight: 100;
    float: left;
    margin-top: 30px;
  }

  /* line 70, ../sass/_search.scss */
  #search-list p {
    clear: both;
    margin-left: 60px;
  }

  /* This prevents the text from going to two lines */
}
@media screen and (max-width: 660px) {
  /* line 81, ../sass/_search.scss */
  #search h1 {
    font-size: 20px;
    padding-left: 18px;
    transition: font .5s;
  }

  /* line 88, ../sass/_search.scss */
  #filter {
    font-size: 16px;
    margin-top: 13px;
    transition: font .5s;
  }

  /* line 95, ../sass/_search.scss */
  #search-list h3 {
    color: darkgrey;
    font-style: italic;
    font-weight: 100;
    float: left;
    margin-top: 25px;
    font-size: 14px;
    transition: font .5s;
  }

  /* line 105, ../sass/_search.scss */
  #search-list h2 {
    padding: 10px 20px 10px;
    font-size: 22px;
    float: left;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    transition: font .5s;
  }

  /* line 114, ../sass/_search.scss */
  #search-list p {
    font-size: 14px;
    transition: font .5s;
  }
}
@media screen {
  /* End of this section  */
  /* line 1, ../sass/_register.scss */
  #left .firstname {
    background-color: #5F6B78;
    width: 95%;
    padding: 5px;
    border-radius: 8px;
    margin: 20px 10px 5px 10px;
    float: left;
  }

  /* line 10, ../sass/_register.scss */
  #left input[type=text] {
    color: White;
    float: left;
    margin-left: 20px;
    width: 60%;
    background-color: #5F6B78;
    border: none;
    font-size: 25px;
    padding: 2px;
    margin-top: 15px;
    font-weight: 100;
  }

  /* line 23, ../sass/_register.scss */
  #left .lastname {
    background-color: #5F6B78;
    width: 95%;
    padding: 5px;
    border-radius: 8px;
    margin: 10px 10px 10px 10px;
    float: left;
  }

  /* line 32, ../sass/_register.scss */
  #left img {
    padding: 0px;
    margin: 0px;
    float: left;
  }

  /* line 37, ../sass/_register.scss */
  #left {
    background-color: lightgray;
    height: 400px;
    width: 50%;
    border-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    float: left;
  }

  /* line 46, ../sass/_register.scss */
  #comments {
    background-color: #5F6B78;
    color: white;
    font-weight: 100;
    border-radius: 8px;
    float: left;
    padding: 5px;
    margin: 5px 5px 5px 10px;
    width: 95%;
    height: 130px;
    font-size: 21px;
    border-style: none;
  }

  /* line 60, ../sass/_register.scss */
  #right {
    background-color: lightgray;
    height: 400px;
    width: 50%;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    float: left;
    margin-bottom: 40px;
  }

  /* line 70, ../sass/_register.scss */
  #right .phonenumber {
    background-color: #5F6B78;
    width: 95%;
    padding: 5px;
    border-radius: 8px;
    margin: 20px 10px 5px 10px;
    float: left;
  }

  /* line 79, ../sass/_register.scss */
  #right input[type=text] {
    color: White;
    float: left;
    margin-left: 20px;
    width: 60%;
    background-color: #5F6B78;
    border: none;
    font-size: 25px;
    padding: 2px;
    margin-top: 15px;
    font-weight: 100;
  }

  /* line 92, ../sass/_register.scss */
  #right .nameofbusiness {
    background-color: #5F6B78;
    width: 95%;
    padding: 5px;
    border-radius: 8px;
    margin: 10px 10px 10px 10px;
    float: left;
  }

  /* line 101, ../sass/_register.scss */
  #right input[type=text] {
    color: White;
    float: left;
    margin-left: 20px;
    width: 60%;
    background-color: #5F6B78;
    border: none;
    font-size: 25px;
    padding: 2px;
    margin-top: 15px;
    font-weight: 100;
  }

  /* line 115, ../sass/_register.scss */
  #right img {
    padding: 0px;
    margin: 0px;
    float: left;
  }

  /* line 121, ../sass/_register.scss */
  #right .email {
    background-color: #5F6B78;
    width: 95%;
    padding: 5px;
    border-radius: 8px;
    margin: 5px 10px 10px 10px;
    float: left;
  }

  /* line 130, ../sass/_register.scss */
  #right input[type=email] {
    color: White;
    float: left;
    margin-left: 20px;
    width: 60%;
    background-color: #5F6B78;
    border: none;
    font-size: 25px;
    padding: 2px;
    margin-top: 15px;
    font-weight: 100;
  }

  /* line 143, ../sass/_register.scss */
  #right .send {
    padding: 12px 40px 12px 40px;
    border-radius: 6px;
    background-color: #F2F0A2;
    font-weight: 200;
    float: left;
    margin-left: 10px;
    font-size: 25px;
  }
}
@media screen and (max-width: 706px) {
  /* line 155, ../sass/_register.scss */
  #right input[type=email] {
    font-size: 18px;
    transition: font .5s;
  }

  /* line 160, ../sass/_register.scss */
  #right input[type=text] {
    font-size: 18px;
    transition: font .5s;
  }

  /* line 165, ../sass/_register.scss */
  #right input[type=text] {
    font-size: 18px;
    transition: font .5s;
  }

  /* line 170, ../sass/_register.scss */
  #right img {
    width: 15%;
    margin-top: 10px;
    transition: width .5s;
  }

  /* line 176, ../sass/_register.scss */
  #left img {
    width: 15%;
    margin-top: 10px;
    transition: width .5s;
  }

  /* line 182, ../sass/_register.scss */
  #left input[type=text] {
    font-size: 18px;
    transition: font .5s;
  }

  /* line 187, ../sass/_register.scss */
  #comments {
    font-size: 14px;
    transition: font .5s;
  }
}
@media screen {
  /* line 1, ../sass/_email.scss */
  .email-label {
    font-weight: bold;
  }

  /* line 1, ../sass/_loading.scss */
  .loading-animation, .loading-animation-small {
    background-color: transparent;
    border: 5px solid #5F6B78;
    opacity: .9;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    -moz-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    vertical-align: middle;
    position: relative;
    float: left;
  }

  /* line 19, ../sass/_loading.scss */
  .loading-animation-small {
    width: 20px;
    height: 20px;
  }

  @-moz-keyframes spin {
    0% {
      -moz-transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinoff {
    0% {
      -moz-transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(-360deg);
    }
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spinoff {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(-360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spinoff {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  /* line 1, ../sass/_about.scss */
  #dummy-top {
    background-color: #F2F0A2;
  }

  /* line 7, ../sass/_about.scss */
  #grant-header {
    background-color: #F2F0A2;
    padding: 0 auto;
    border-radius: 5px;
  }

  /* line 13, ../sass/_about.scss */
  #grant-header h1 {
    background-color: #3B4956;
    color: white;
    padding: 10px 0 10px 30px;
    margin-bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: 400;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  /* line 25, ../sass/_about.scss */
  #grant-header p {
    color: black;
    padding: 5px 30px 20px 30px;
    width: 100%;
    text-align: justify;
  }

  /* line 33, ../sass/_about.scss */
  #lower-grant img {
    float: left;
    padding: 10px 30px 30px 30px;
    margin: 0 auto;
  }

  /* line 41, ../sass/_about.scss */
  #lower-grant p {
    padding: 10px 25px 20px 10px;
    text-align: justify;
  }

  /* line 47, ../sass/_about.scss */
  #lower-grant ul li {
    list-style-type: none;
    font-size: 15px;
    font-weight: lighter;
    padding: 1px 0 1px 0px;
  }

  /* line 56, ../sass/_about.scss */
  #qualifications {
    font-size: 20px;
  }

  /* This makes the 3 colums to 2 colums for mobile */
}
@media screen and (max-width: 690px) {
  /* line 66, ../sass/_about.scss */
  #grant-header h1 {
    font-size: 29px;
    font-weight: 500;
    padding: 12px 0px 10px 30px;
  }
}
@media screen {
  /* End of this section  */
  /* -------------------  */
  /* -------------------  */
  /* line 1, ../sass/_contact.scss */
  .contact-form {
    height: 300px !important;
  }

  /* line 1, ../sass/_businessLikes.scss */
  .star {
    background-color: transparent;
    width: 35px;
    height: 30px;
    border: 0;
    outline: none;
  }

  /* line 9, ../sass/_businessLikes.scss */
  .star svg {
    width: 25px;
    height: 25px;
  }

  /* line 14, ../sass/_businessLikes.scss */
  .star svg polygon {
    fill: gray;
  }

  /* line 18, ../sass/_businessLikes.scss */
  .liked svg polygon {
    fill: palegoldenrod;
  }
}