* {
    box-sizing: border-box;
  }
  
  body {
    font-family: Georgia, 'Times New Roman', Times, serif;
  }
  .header {
      background-image: url(https://studenthelper.w3spaces.com/Assignments/17-Final-Project/images/pink_background.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 200px;
      color: snow;
      text-align: center;
  }
  /*navigation bar*/
  .navigation {
      list-style-type: none;
      margin: 10px 10px;
      padding: 0 17px;
      overflow: hidden;
      background-color: #0ABAB5;
      border: 3px solid rgb(100, 100, 100);
      box-shadow: 10px 10px 5px slategray;
  }        
  li {
      float: left;
      list-style-type: none;
      background-color: #0ABAB5;
  }
  li a {display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      background-color: #0ABAB5;}
  .container {
     margin: 10 16px;
    padding: 10 10; 
    display: row;
    list-style-type: none;
    height: 100%;
    width: 100%;
  }
  .container a{
   font-weight: bolder;

  }
  .container img{
    height: 150px;
    width: auto;
    
  }
  .footer{
    display: block;
    margin: 10 15;
    padding: 10 10;
    background-color: teal;
  }
  .footer img{
    height: 100px;
    width: 100px;
  }
  /* Responsive columns - one column layout (vertical) on small screens */
  @media screen and (max-width: 600px) {
    .column {
      width: 100%;
      display: block;
      margin-bottom: 20px;
    }
  }