/* Set your custom styles here */
/* Tip - keep a backup of your custom styles and document with comments like these */


/*
/**********CHANGE COLUMN WIDTH************/
/*Change the percentages, ensuring that the two percentages still add up to the same total (92.2021%).*/


@media only screen and (min-width: 768px) {
  header, footer {
    width: 20% !important;
  }
  .content {
    width: 72.2021% !important;
  }
}

@media only screen and (min-width: 768px) {
  header, footer {
    margin: 0 2.5% 0 1.25% !important;
  }
}


/**********Shift the page title (and content) down.************/
@media only screen and (min-width: 768px) {
  .content {
    margin-top: 14px !important;
  }
}