/* ONLY USE THIS FILE FOR ADDING ADDITIONAL PARTIAL SASS FILES, NOT FOR YOUR CUSTOM CSS. INSTEAD,
	 USE THE "_pages.scss" FILE LOCATED IN THE '/sass/theme' FOLDER.

	 THIS THEME WAS BUILT ON THE Zurb Foundation BASE THEME. IT IS VERY POWERFUL AND HAS A LOT OF
	 GOODIES BUILT IN. YOU CAN SEE WHICH ONES ARE ENABLED, BELOW. IF YOU WANT TO ENABLE THE CSS FOR
	 A DIFFERENT FEATURE, UN-COMMENT. YOU'LL NEED TO MAKE SURE TO ADD ANY JS CALLBACKS IN THE
	 'All pages javascript (foundation plugins)' BLOCK, LOCATED IN THE 'Body JS' REGION IN THE
	 BLOCKS ADMIN PAGE.

	 THE ZURB FOUNDATION (v5) DOCUMENTS ARE INVALUABLE, PLEASE MAKE SURE YOU REFER TO THEM FOR ALL THE
	 COOL THINGS THAT YOU CAN DO WITHIN THE CONTENT AREA OF YOUR SITE.

	 http://foundation.zurb.com/sites/docs/v/5.5.3/

*/
.box {
  margin: 0 auto;
  max-width: 1600px; }
  .main.medium-6 .box,
  .main.medium-9 .box,
  aside.medium-3 .box {
    width: 100%; }

main[role="content"].row, main.row, #breadcrumbs .box {
  max-width: 1600px; }

@media only screen and (min-width: 900px) {
  .header.box, .footer.box, #breadcrumbs.box {
    width: 900px; } }

@media only screen and (min-width: 1200px) {
  .header.box, .footer.box, #breadcrumbs.box {
    width: 1200px; } }

@media only screen and (min-width: 1600px) {
  .header.box, .footer.box, #breadcrumbs.box {
    width: 1600px; } }

@media only screen and (max-width: 599px) {
  .mobile {
    display: inherit; }
  .desktop {
    display: none; } }

@media only screen and (min-width: 600px) {
  .mobile {
    display: none; }
  .desktop {
    display: inherit; } }