@charset "utf-8";
/*======================================================
--	CREATED BY: LINH NGUYEN - LINHBURIN@YAHOO.COM
--	CREATED DATE: 03/31/2026
--	LAST UPDATE: 03/31/2026
--
--  This is a General CSS style for a responsive website
--  Dimension >= 1050px
========================================================*/
body, h1, p , a{
  font-size: 15px;
  color:#000000;
  margin: 0;
  padding: 0;
  text-align: center;
  
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
img, fieldset { border: 0; }
a:hover {
  color: #13572c;
  text-decoration: underline;
}
.wrapper, .container {
  margin-left:  auto;
  margin-right:  auto;
  width:100%;
  height:100%;min-height:100%;
  
}
.container{
    max-width: 450px;
    margin-top: 15px;
   padding:20px;
}

/*---- HEADER -----*/
.wHeader{
    background-color:#f9d65e;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}

.wHeaderNav{
  margin: 0 auto;
  width:65%;
  overflow:hidden;
}



/* --- TEST AREA */
/*---End of TEST ---*/

.headerLogo{
    float:left;
    overflow:hidden;
}
.headerNavMain{
    float:right;
    margin:30px auto;
   /* overflow:hidden;*/
    
}


.headerNavMain a{
    float:left;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  padding: 0 0 0 20px;
}

.headerNavMain .icon {
  display: none;
}


.wBody{
 height: 1000px;   
}

/* Responsive navigation menu (for mobile devices) */
@media screen and (max-width: 600px) {
    .container{
        max-width: 90%;
    }
  .headerNav{
      width: 90%;
  }
 
 .headerNavMain{position: relative;}
 .headerNavMain a {
    float: none;
    display: block;
    text-align: left;
    padding: 0 5px;
  } 
 /* .headerNavMain a.icon {
    float: left;
    display: block;
  }*/
}

@media screen and (max-width: 600px) {
 /* .headerNavMain.responsive {position: relative;}
  .headerNavMain.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .headerNavMain.responsive a {
    float: none;
    display: block;
    text-align: left;
  } */
}/*-- end of Mobile Style */