body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
}


.container {
  margin: -8px;
  color: #000;
/*  border-radius: 10px;*/
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;

}

.topnav #myLinks {
  float: right;
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 19px;
  display: block;
}

.topnav a.icon {
/*  background: black; */
  display: block;
  position: absolute;
  right: 0;
  top: 0;

}

.topnav a:hover {
/*  background-color: #ddd; */

  color: grey;
}

.active {
  background-color: #04938e;
  background-image: url("../img/banner.jpg");
  background-repeat: no-repeat;
  color: white;
  height: 50px;
}

.main {
/*  border-radius: 10px;*/
  overflow:auto;
  padding-top:16px;
  padding-bottom:16px;
  padding-left:16px;
  padding-right:16px;
  background-color: #e3e4e5;
}


.article a {
  color: blue;
  text-decoration: none;
}

.footer {

  padding-top:16px;
  padding-bottom:16px;
  padding-left:16px;
  padding-right:16px;
  background-color: #333;
  color: white;
}

.footer a {
  color: grey;
  text-decoration: none;
}

#menuicon {
  width:30px;
  padding: 10px;
}

#logo {
    max-width:180px;
  }

#article_img {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}

#gallery_img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.menubutton {
  background-color: #333;
  border: none;
  border-radius: 8px;
  color: white;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
/*  font-size: 16px; */
  margin: 2px 1px;
  cursor: pointer;
}

.menubutton a {
  color: white;
  text-decoration: none;
  font-size: 12px;
}

#imagetext {
  font-style: italic;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;

}

#galleryimagetext {
   font-style: italic;
}

#hr1 {
  color:#9199e5;
}

input[type=text] {
  width: 100%;
  padding: 6px 6px;
  margin: 4px 0;
  box-sizing: border-box;
  font-size: 16px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #04AA6D;
  font-size: 16px;
  border: none;
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

select {
  width: 100%;
  padding: 10px 8px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  background-color: #ffffff; 
}

textarea {
  width: 100%;
  resize: none;
  font-size: 16px;
}

@media only screen and (min-width: 768px) {

  body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 18px;
  }

  .topnav a {
    font-size: 18px;
  }

  .container {
    margin: auto;
  }

  .footer {
    clear: both;
  }
  
  .active {
     height: 80px;
   }

  #menuicon {
    width:45px;
  }

  #logo {
    max-width:250px;
  }

  .article {
    overflow: auto;
  } 

  #mainimage {
    float: left;
 
/*  clear: right; */

 /* display: inline-block; */

    }

    #text {
        max-width:850pt;

    }

    #gallery {
        float: left;
    }

    #article_img {
      max-width:450px;
 /*   float: left; */
      margin-right: 25px;
      margin-bottom: 15px; 
      color: white;
      box-shadow: 8px 8px 10px #000000;
/*    background: grey;
    background-position: left top;
    background-repeat: repeat;  */
      border-radius: 15px;
  }

  #gallery_img {
    max-height: 200px;
 /*   height: auto;*/
      margin-right: 25px;
      margin-bottom: 10px; 
      color: white;
      box-shadow: 8px 8px 10px #000000;
/*    background: grey;
    background-position: left top;
    background-repeat: repeat;  */
       border-radius: 15px;
   }

   #hr1 {
     color:#9199e5;
   }

    #imagetext {
        font-style: italic;
        max-width: 500px;
    }
    #galleryimagetext {
        font-style: italic;
        max-width: 200px;
    }
   .menubutton {
     background-color: #333;
     border: none;
     border-radius: 8px;
     color: white;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
/*  font-size: 16px; */
     margin: 4px 2px;
     cursor: pointer;
   }
    .menubutton a {
        font-size: 16px;
    }
}

}