body {
  font-family: Verdana, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
}
.header {
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 16px;
}
.flex-item-left {
  float: left;
  flex: 45%;
}
.flex-item-right {
  float: right;
  flex: 45%;
  }
#example1 {
  margin: 15px 15px 35px;
  border: 1px solid orange;
  box-shadow: 5px 5px orange;
  padding: 10px;
  font-family:  Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  font-size : 17px; 
  line-height: 1.5;
}
#example2 {
  margin: 5px 10px 15px 10px;
}
#example3 {
  margin: 0;
}
.content {  
  background-color: white; 
  width: 100%;
}
.content hr {
  margin-top: 0px;  
  margin-bottom: 0px;
  border: solid 1px;
  height: 2px;
  background-image: linear-gradient(to right, rgba(230,248,132,1), rgba(166,211,32,1));
}
.flex-container > div {
  margin: 0 15px 20px;
  padding: 0px;
}
.card {
  width: 95%;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 15px;
  margin-bottom: 20px;
  background-color: #fff;
}
.card1 {
  width: 95%;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid green;
  border-top-right-radius: 25px;
  box-shadow: 5px 5px green;
}
.card2 {
  float: right;
  color: #fff;
  width: 25%;
  padding: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}
#navbar {
  overflow: hidden;
  background-color: #eb661d;
  font-weight: 400;
  font-size: 15px;
  padding-bottom: 3px;
}
/* Navbar links */
#navbar a {
  float: right;
  display: block;
  color: #f2f2f2;
  padding: 2px 16px 5px;
  text-decoration: none;
}
#navbar  a:hover{
  background-color: #8c3543;
  color: #ffffff;
}
#navbar a:link {
  color: white;
}
#navbar a.active {
  background-color: #f3d366;
  color: black;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}
.image {
  float: center;
  border: 0px;
  width : auto;
  height: auto;
  display : block; 
}
.image1 {
  float: center;
  border: 0px;
  max-width : 500px;
  height: auto;
  display : block;
}
.responsive {
width: 100%;
max-width: 500px;
height: auto;
}
table {
  padding: 0px;
}
td {
  padding: 0px;  
}
p {
  font-family:  Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  text-align: justify;
  text-align-last: left;
  font-size : 17px; 
  line-height: 1.5;
  padding: 5px;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.6em;
  font-weight: normal;
  padding: 6px;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.7em;
  font-weight: normal;
  margin-top: 1em;
  margin-left: 0.9em;
  margin-bottom: 0.1em;
  padding: 10px;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  word-break: keep-all;
  margin: 0px;
  padding: 10px;
  font-weight: normal;
}

 /* unvisited link */
a:link {
  color: #ea5a04;
}

/* visited link */
a:visited {
  color: #6f7e29;
}

/* mouse over link */
a:hover {
  color: #6f7e29;
}

/* selected link */
a:active {
  color: #283005;
} 
ul.gla {
  margin-left: 20px;
  padding: 0;
}
li {
  list-style-image: url("images/check.png");
  margin-left: 18px;
  font-family:  Tahoma, Helvetica, sans-serif;
  font-size : 18px; 
  font-weight: normal;
}
li.gla {
  list-style-image: url("images/check_blk.png");
  margin-left: 18px;
  font-family:  Tahoma, Helvetica, sans-serif;
  font-size : 18px; 
  font-weight: normal;
}
.footer {
  margin: 0px;
  padding: 0px;
}
@media (max-width: 800px) {
  .flex-item-right, .flex-item-left {
    flex: 100%;
}
}
@media (max-width: 600px) {
  table, td {
    width: 100%;
    display: block;
}
.image1 {
  float: center;
  border: 0px;
  max-width : 20%;
  height: auto;
  display : block;
}
}