html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
    margin-top: 8px;
    font-family: 'Kanit', sans-serif;
    filter: progid : DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #593196;
}
  
footer p {
    margin-bottom: .25rem;
}


.navbar {
    margin-bottom: 15px;
}

.main-header {
    margin-top: 100px;
}
.banner {
    margin-top: 100px;
}

.margint15 {
    margin-top: 15px;
}
.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: var(--purple); }

.border-bottom { border-bottom: 1px dotted #e5e5e5; }

.border-bottom-purple { border-bottom: 3px solid  #593196; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }