#page {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  min-height: 600px;
  border: 2px solid #999;
  padding: 20px;
  background-color: #ffffff;
}

body#media #page { width: 960px; }

.intro {
  background-color: #e0f7fa;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #00796b;
}
.section {
  background-color: #f9f9f9;
  padding: 15px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

body {
  line-height: 1.4;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  color: #333;
}

h1, h2, h3, p { margin: 0 0 8px; line-height: 1.4;
 }

figure { margin: 0 0 14px; text-align: center; }

figcaption { margin-top: 4px; font-size: 14px; }

img { display: block; width: 100%; height: auto; }

footer { text-align: center; }

body#media .grid_4 img { float: none; width: 100%; height: auto; }

.embed { width: 100%; aspect-ratio: 16 / 9; background: #000; margin: 10px 0; }

.embed iframe, .embed video { width: 100%; height: 100%; border: 0; display: block; }

body#forms {
  background-image: url('../images/mcdonalds.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}
header, nav, main, section, article, aside, footer { display: block; }

aside { background: #f9f9f9; padding: 10px; border: 1px solid #ccc; margin-top: 10px; }