html, body {
}

 nav{
   background: rgba(0, 0, 0, 1);
   /*padding:0px 20px;*/
   font-family: 'Kanit', sans-serif;
   z-index:100;
 }

 nav .brand-logo {
   font-family: 'Kanit', sans-serif;
   color:white;
 }

 nav .brand-logo img {
   height:60px;
 }
 @media only screen and (max-width : 600px) {
   nav .brand-logo img {
     height:55px;
   }
 }

 nav li a {
   border-bottom: 5px solid rgba(0, 0, 0, 0);
     color:white;
 }
 nav li a:hover{
   border-bottom: 5px solid white;
 }

 nav li .active {
     color:#65db53;
 }
 .sidenav li .active {
      color:#6ac93b;
 }

p {
  line-height: 2rem;
}

.parallax-container {
  min-height: 500px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}

.parallax-container .section {
  position: absolute;
  width: 100%;
  top:25%;
}

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 25%;
  }
}

@media only screen and (max-width : 600px) {
  .parallax-container .section {
    position: absolute;
    top: 25%;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

h1 {
  font-size:40pt;
  font-family: 'Kanit', sans-serif;
}

h2 {
  font-size:18pt;
  font-family: 'Kanit', sans-serif;
}

.press h2 {
  font-size:18pt;
  font-family: 'Kanit', sans-serif;
  border-bottom: 1px solid black;
}

h3 {
  font-size:18pt;
  font-family: 'Kanit', sans-serif;
}

h4 {
  font-size:18pt;
  font-family: 'Kanit', sans-serif;
}

h5 {
  font-size:14pt;
  font-family: 'Kanit', sans-serif;
}
.header {
  background-color: rgba(255,255,255,1);
}

blockquote {
    margin: 0px;
    padding-left: 0rem;
    border-left: 0px solid #000;
    font-family: 'Kanit', sans-serif;
}

footer.page-footer {
  margin: 0;
}

.clipping {
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}