body {
background-color:#bcd2a4;
#f5e9d9;
  background-image: url('../images/niyamawithemma-small.png');
  background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding: 0;
position: relative;
font-family: Verdana;
}
h1 {
font-size: 1.7em;
font-weight: bold;
width: 100%;
text-align: center;
display: block;
#border: 1px solid black;
margin: -50px 0 0 0;
#color: #ACBCCD;
color: #7d91b3;
}

p {
margin: 10px;
#color: white;
#color: #8C907F;
#color: #ACBCB9;
color: #8b5a26;
}

img {
margin: 15px;
#border: 2px solid #ACBCCD;
border: 3px solid #7d91b3;

border: 3px solid #ffffff; /* Inner border */
outline: 3px solid #7d91b3; /* Outer border */
outline-offset: 2px; /* Adjust spacing between borders */
}

a {
text-decoration: none;
}
/* Unvisited link */
a:link {
#color: #A66736;
color: #8b5a26;
}

/* Visited link */
a:visited {
#color: #A66736;
#color: #ACBCB9;
color: #8b5a26;
}

/* Mouse over link */
a:hover {
#color:#8F592E;
#color: #ACBCB9;
color: #7d91b3;
}

/* Selected link */
a:active {
#color: #8F592E;
#color: #ACBCB9;
color: #7d91b3;
}

div#outer_box { 
display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  #border: 1px solid black;
}

div#outer_box2 { 
display: flex;
  #border: 1px solid black;
  width: 100%;
 clear: both;
}

div#navigation {
width: 100%;
height: 197px;
#border: 3px solid purple;
}

div#nav_links {
float: right;
margin: 25px 30px 0 0;
padding: 3px 0 0 0;
height: auto;
#border-bottom: 3px solid #ACBCCD;
#border-top: 2px solid #ACBCB9;
#border-top: 3px solid #ACBCCD;
border-top: 3px solid #7d91b3;
font-size: 1.5em;
}

# seperator
div#nav_links p {
#display: inline-block;
#position: relative;
#top: -20px;
font-size: 5em;
color: red;
}

div#nav_links_home {
float: right;
margin: 15px 30px 0 0;
height: auto;
#border: 1px solid orange;
font-size: 1.5em;
width: auto;
text-align: right;
}




div#flex-container1 {
  float: left;
  width: 50%;
  #border: 1px solid green;
 margin: 18px 18px 0 18px;
padding: 8px;
}

div#flex-container3 {
float: right;
text-align: center;
  width: 50%;
  #border: 1px solid red;
 margin: 18px 18px 0 18px;
}

div#flex-container4 {
  float: left;
  width: 100%;
  #border: 1px solid green;
 margin: 18px 18px 0 18px;
padding: 8px;
}

div#footer {
float: right;
width: 100%;
margin: 0 30px 0 0;
text-align: right;
padding: 0 0 5px 0;
height: auto;
#border-bottom: 3px solid #ACBCCD;
border-bottom: 3px solid #7d91b3;
#border-top: 2px solid #ACBCB9;
#border-top: 3px solid #ACBCCD;
font-size: 1.5em;
}

img#niyama_logo {

}

table {
#color: #8C907F;
color: #8b5a26;
}

ul {
list-style-type: square; /* Changes bullet to a square */
margin: 10px;
padding: 10px;
#color: #8C907F;
color: #8b5a26;
}


h2 {
#color: #A66736;
color: #7d91b3;
}

ul#reviews li {
font-style: italic;
margin: 20px 0;
list-style-type: none;
}

ul#reviews li.even {
margin: 20px 0 0 80px;
padding: 20px;
border-bottom: 3px solid #7d91b3;
}

ul#reviews li.odd {
padding: 20px;
border-bottom: 3px solid #7d91b3;
margin: 20px 100px 0 0;
}

div.cert {
width: 30%;
float: left;
text-align: center;
margin-top: 20px;
#clear: both;
#flex-wrap: wrap;
#border: 1px solid red;
}

div.cert img {
width: 80%;
height: 80%;
background: #000;
margin: 10px;
}

div.cert img.v {
width: 50%;
height: 50%;
background: #000;
}


ul#mas li {
font-style: italic;
margin: 20px 0;
list-style-type: none;
}

ul#mas li.even {
margin: 20px 0 0 80px;
padding: 20px;
border-bottom: 3px solid #7d91b3;
}

ul#mas li.odd {
padding: 20px;
border-bottom: 3px solid #7d91b3;
margin: 20px 100px 0 0;
}