/* line 2, /Users/careilly/Dev/gusto/app/assets/stylesheets/accordion.scss */
.accordion dt, .accordion dd {
  padding: 10px;
  border: 0px solid white;
  border-bottom: 0;
}
/* line 6, /Users/careilly/Dev/gusto/app/assets/stylesheets/accordion.scss */
.accordion dt:last-of-type, .accordion dd:last-of-type {
  border-bottom: 0px solid white;
}
/* line 9, /Users/careilly/Dev/gusto/app/assets/stylesheets/accordion.scss */
.accordion dt a, .accordion dd a {
  display: block;
  color: black;
  font-weight: bold;
}
/* line 15, /Users/careilly/Dev/gusto/app/assets/stylesheets/accordion.scss */
.accordion dd {
  border-top: 0;
  font-size: 12px;
}
/* line 18, /Users/careilly/Dev/gusto/app/assets/stylesheets/accordion.scss */
.accordion dd:last-of-type {
  border-top: 0px solid white;
  position: relative;
  top: -1px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */


@media only screen and (min-width : 320px) and (max-width : 720px) {
  .show-for-small {
      visibility: visible !important;
      display: block !important;
  }
  .bookdiv {
    margin-top: 1px !important
  }
  .hide-for-small {
    visibility: none !Important;
    display: none !Important;
  }

}

.hide-for-small {
    visibility: visible ;
    display: block; 
}
.show-for-small {
  visibility: none;
  display: none;
}