/**
 * Name: wide.css
 * 	The template is by default a wide layout
 * 	The styling for the wide layout is in layout.css
 */
@media only screen and (max-width: 767px) {
  .masthead .container,
  .footer .container, 
  body .site-content > .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  body .site-content > .container:first-child {
	padding-top: 0px;
  }
  body .site-content > .container,
  body.archive .site-content > .container:first-child {
  	padding-top: 15px;
  }
  .site-content {
	padding-top: 0px;
  }
  body.single-product .site-content > .container:first-child,
  body.single-product .site-content > .container:nth-child(2) {
    padding-top: 0px;
  }
}