.topnav {
      overflow: hidden;
      position:absolute;
      width:100%;
      background-color: #333;
    }

    .topnav a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }

    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .topnav .icon {
      display: none;
    }
    

    .bottomnav {
      overflow: hidden;
      background-color: #333;
    }

    .bottomnav a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }

    .bottomnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .bottomnav .icon {
      display: none;
    }
    
    .content {
      width:75%; 
      text-align:left;
      background-color:honeydew;
      padding:10px;
    }
    
    .caption {
      font-size: small;
      font-style:italic;
    }
    
    .imgborder {
      border:solid 1px black;
    }
    
    .name {
      color:brown;
    }
    
    hr.styled { 
    height: 10px; 
    border-style: solid; 
    border-color: black; 
    border-width: 1px 0 0 0; 
    border-radius: 20px; 
  } 
    hr.styled:before { 
    display: block; 
    content: ""; 
    height: 30px; 
    margin-top: -31px; 
    border-style: solid; 
    border-color: black; 
    border-width: 0 0 1px 0; 
    border-radius: 20px; 
    }
    
    @media screen and (max-width: 600px) {
      .topnav a:not(:first-child) {display: none;}
      .topnav a.icon {
        float: right;
        display: block;
      }
      .bottomnav a:not(:first-child) {display: none;}
      .bottomnav a.icon {
        float: right;
        display: block;
      }
    }

    @media screen and (max-width: 600px) {
      .topnav.responsive {position: relative;}
      .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
      .bottomnav.responsive {position: relative;}
      .bottomnav.responsive .icon {
        position: absolute;
        right: 0;
        bottom: 0;
      }
      .bottomnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
    }
    
    .bodycontainer {
     width:100%;
     background-color:#ffffff;
    }
    
    .subheading {
      text-align:center;
      font-family: 'Roboto', sans-serif;
      font-weight: 900;
      color: #212F3C;
      font-size: 1.25rem;
      margin:25px;

    }

    .footercontainer { 
      width:100%;
      background-color:#333;
      color:white;
      padding:10px;
      font-size:13px;
    }