@charset "UTF-8";
/* This CSS Document is to add the padding that was placed at the bottom of the index.css file originally.  It was then removed because it was affecting all the other pages.  

	Since there is no carousel on some of the pages, e.g. the product page, there is no need to add the padding.  However, by taking it out from the index.css file, it is affecting the index.html file as well.

	Hence, I am creating this css file and linking it to the index.html file, so that it can be added manually on that page without affecting the other pages.  I shall add a link to any html document where there is a carousel, so that the carousel will not be blocked by the navbar.

   The problem I was having was that the carousel was being blocked by navbar, so I am adding some padding so that the body starts futher down.*/

body {
  padding-top: 120px; /* the height your navbar is */
  background: #f0f0f0;
}