article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }

  body {
    line-height: 1;
    padding: 30px;
  }

  ol, ul {
    list-style: none;
  }

  blockquote, q {
    quotes: none;
  }

  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }

  h1, h2, h3 {
      font-family: "Castellar";
      font-size: 40px;
      text-align: center;
    }

    body {
      line-height: 1.5;
      font-family: "Tahoma";
      font-size: 20px;
      background-color: #00afd1;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0px;
    }

    a {
      color: #06446c;
      text-align: center;
      font-family: "Tahoma";]
      background-color: #FFCC99;
    }

    * {
    box-sizing: border-box;
    }

    body {
        margin: 0;
        font-family: "Tahoma", Arial, Helvetica, sans-serif;
    }

    img {
    border-radius: 4px;
    padding: 5px;
    width: 150px;
    }

/*Travel Prices Table*/
    .tg  {
      border-collapse:collapse;
      border-spacing:0;
      margin:0px auto;
    }

    .tg td {
      font-family:Tahoma, Arial, sans-serif;
      font-size:14px;
      padding:10px 5px;
      overflow:hidden;
      word-break:normal;
    }

    .tg th {
      font-family:Tahoma, Arial, sans-serif;
      font-size:14px;
      font-weight:normal;
      padding:10px 5px;
      overflow:hidden;
      word-break:normal;
    }

    .tg .tg-c3ow {
      border-color:inherit;
      text-align:center;
      vertical-align:top;
    }

    .tg .tg-0pky {
      border-color:inherit;
      text-align:left;
      vertical-align:top;
    }
/*End of Table*/


    .sidenav {
        height: 100%;
        width: 160px;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #00afd1;
        overflow-x: hidden;
    }

    .sidenav a {
        color: #06446c;
        padding: 10px;
        text-decoration: none;
        display: block;
    }

    .sidenav a:hover {
        background-color: #FFCC99;
        color: black;
    }

    .content {
        margin-left: 200px;
        padding-left: 20px;
    }

    .container {
      width: 80%;
      margin: 0 auto;
      background-color: #99d8ff;
      padding: 20px;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.4);
    }

    .footer {
      padding-top: 5px;
      text-align: center;
      color: #06446c;
    }

    .page {
    display: inline-block;
    }

    .page a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
    }

    .page a.active {
        background-color: #06446c;
        color: white;
    }

    .page a:hover:not(.active) {
      background-color: #FFCC99;
    }


    .navbar {
        overflow: hidden;
        background-color: #00afd1;
        font-family:Tahoma, Arial, Helvetica, sans-serif;
    }

    .navbar a {
        float: left;
        font-size: 40px;
        color: #06446c;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

    .navbar a:hover, .dropdown:hover .dropbtn {
        background-color: #FFCC99;
    }

    .dropdown {
    position: relative;
    display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #00afd1;
        min-width: 160px;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
    }

    .dropdown:hover .dropdown-content {
        display: block; 
    }


    #travel {
    height: 400px;
    width: 850px;
    padding-top: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  #beach {
    float: right;
    width: 350px;
    height: auto;
    padding: 20px;
  }

  #castle {
    float: left;
    width: 350px;
    height: auto;
    padding: 20px;
  }

    /*
    #99d8ff = light blue
    #06446c = navy
    #FFCC99 = sherbert
    #00afd1 = teal
    */