.main-content { margin-top: 0; }

/* no left/right padding because dutchie menu should touch the sides or it looks weird */
.main-content-inner { padding: 0 0 32px 0; }






.dutchie { margin-bottom: 40px; }


.dotted-divider--shop-page { margin-left: 50px; margin-right: 50px; }

.footer--shop-page { margin-left: 50px; margin-right: 50px; }


@media only screen and (min-width: 601px) and (max-width: 991px)
{
.footer-mobile { padding-left: 50px; padding-right: 50px; /* needed because normally this would be handled by main-content-inner but that has no left/right padding on this particular page; below 601 px this isn't needed because the mobile rules take over */ }
}


@media only screen and (max-width: 600px)
{
  .dotted-divider--shop-page { margin-left: 20px; margin-right: 20px; }

  .footer-mobile--shop-page { margin-left: 20px; margin-right: 20px; }
}