body 
h1,
  h2,
  h3,
  h4,
  h5,
  h6{
    
    color:#333333;
    font-weight:400;
    line-height:1.5em;
    font-family: 'Sarabun',sans-serif;
      
  }
  h1{
    font-size:36px;
  }
  h2{
    font-size:20px;
  }
  h3{
    font-size:24px;
  }
  h4{
    color:#830404;
    font-size:18px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:2px;
    font-family: 'Sarabun', sans-serif;
          
  }
  h5{
    font-size:16px;
    font-weight:400;
  }
  h6{
    font-size:14px;
  }
 
  p{
    font-size:15px;
    font-family: 'Sarabun', sans-serif;
  }
  a{
    
    font-size:15px;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:2px;
    font-family: 'Sarabun', sans-serif;
  }
  img  {  
    display: block;
    margin-left: auto;
    margin-right: auto;
    }  
 
{
background:#dee204;}

#wrapper{padding:90px 15px;}
.navbar-expand-lg .navbar-nav.side-nav
{flex-direction: column;}
.card
{margin-bottom: 15px; border-radius:0; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
.default-color {
  background-color: #099789 !important;
 
}
.navbar-nav .nav-item
{
  color: aliceblue;
}
.header-top

{
  box-shadow: 0 3px 5px #58584e}
.leftmenutrigger
{display: none}

@media(min-width:992px) {
.leftmenutrigger
{display: block;display: block;margin: 7px 20px 4px 0;cursor: pointer;}
#wrapper{padding: 90px 15px 15px 15px; }
.navbar-nav.side-nav.open {left:0;}
.navbar-nav.side-nav
{background: #01492b;box-shadow: 2px 1px 2px rgba(0,0,0,.1);
position:fixed;top:56px;
flex-direction: column!important;left:-220px;width:200px;overflow-y:auto;bottom:0;overflow-x:hidden;padding-bottom:40px}
}
.animate{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}