body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px; }

h1 {
  font-size: 3rem;
  font-weight: 600;
  margin: 25px 0; }

h2 {
  font-weight: 400;
  margin: 0;
  margin-bottom: 25px; }

h3 {
  font-weight: 600; }

a, a:link, a:visited, a:active {
  transition: all 150ms ease-in-out;
  color: #03A9F4;
  text-decoration: none; }
  a:hover, a:link:hover, a:visited:hover, a:active:hover {
    color: #0277BD; }

div.container {
  max-width: 90%;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    div.container {
      flex-direction: row; } }
  div.container.header-container {
    padding: 0 25px;
    margin-bottom: 50px; }
  div.container.gallery {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap; }
  div.container.footer-container {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center; }

div.link-container {
  display: flex;
  flex-direction: column; }
  div.link-container div {
    width: 100%; }
    @media (min-width: 768px) {
      div.link-container div {
        width: 50%; } }
  @media (min-width: 768px) {
    div.link-container {
      flex-direction: row; } }

div.container-item {
  width: 100%;
  padding: 0 25px 25px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    div.container-item {
      padding: 13px;
      width: 95%; } }

img.example-img {
  width: 100%; }