/* vietnamese */
@font-face {
  font-family: 'Lexend Tera';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/RrQDbo98_jt_IXnBPwCWtYJLZ3P4hnaGKFiM5zMjfpb1TYw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lexend Tera';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/RrQDbo98_jt_IXnBPwCWtYJLZ3P4hnaGKFiM5zMjf5b1TYw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lexend Tera';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/RrQDbo98_jt_IXnBPwCWtYJLZ3P4hnaGKFiM5zMjcZb1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Lexend Tera', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*

NavBar fixed to top

*/
body {
	background: white;
/*
	padding-top: 4.125rem;
	max-height: calc(100% - 4.125rem);
*/
	overflow-x: hidden;
}

@media (max-width: 767px) {

	body {
/*
		padding-top: 3.5rem;
		max-height: calc(100% - 3.5rem);
*/
	}

}

/*

NavBar colors

*/
nav.navbar-light {
	background: white;
}
.navbar a.navbar-brand,
.navbar a.navbar-brand:hover,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
	color: #24211d;
}

/*

Logo

*/
.navbar-brand {
	font-weight: bold;
	font-variant:small-caps;
}

.navbar-brand span {
	display: inline-block;
	color: #24211d;
	font-size: .8rem;
}

@media (max-width: 576px) {

	.navbar-brand span {
		display:none;
	}

}

@media (min-width: 768px) {

	.navbar-brand {
		font-size: 2rem;
	}

	.navbar-brand span {
		font-size: 1.25rem;
	}

}

/*

*/

footer {
	margin-top: 8rem!important;
	padding-bottom: 2rem!important;
}

.container-fluid.index {
/*
	padding-right: 0;
	padding-left: 0;
*/
}

.row {
	color: #24211d;
}
.row a {
	color: #24211d;
	font-weight: bold;
}
.row a:hover {
	color: #24211d;
	font-weight: 900;
	text-decoration: none;
}

.d-col-1, .d-col-2, .d-col-3, .d-col-4, .d-col-5, .d-col-6, .d-col-7, .d-col-8, .d-col-9, .d-col-10, .d-col, .d-col-auto,
.d-col-sm-1, .d-col-sm-2, .d-col-sm-3, .d-col-sm-4, .d-col-sm-5, .d-col-sm-6, .d-col-sm-7, .d-col-sm-8, .d-col-sm-9, .d-col-sm-10, .d-col-sm, .d-col-sm-auto,
.d-col-md-1, .d-col-md-2, .d-col-md-3, .d-col-md-4, .d-col-md-5, .d-col-md-6, .d-col-md-7, .d-col-md-8, .d-col-md-9, .d-col-md-10, .d-col-md, .d-col-md-auto,
.d-col-lg-1, .d-col-lg-2, .d-col-lg-3, .d-col-lg-4, .d-col-lg-5, .d-col-lg-6, .d-col-lg-7, .d-col-lg-8, .d-col-lg-9, .d-col-lg-10, .d-col-lg, .d-col-lg-auto,
.d-col-xl-1, .d-col-xl-2, .d-col-xl-3, .d-col-xl-4, .d-col-xl-5, .d-col-xl-6, .d-col-xl-7, .d-col-xl-8, .d-col-xl-9, .d-col-xl-10, .d-col-xl, .d-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.d-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.d-col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.d-col-1 {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.d-col-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.d-col-3 {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

.d-col-4 {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.d-col-5 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.d-col-6 {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.d-col-7 {
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}

.d-col-8 {
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

.d-col-9 {
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}

.d-col-10 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .d-col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .d-col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .d-col-sm-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .d-col-sm-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .d-col-sm-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .d-col-sm-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .d-col-sm-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .d-col-sm-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .d-col-sm-7 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .d-col-sm-8 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .d-col-sm-9 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .d-col-sm-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .d-col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .d-col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .d-col-md-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .d-col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .d-col-md-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .d-col-md-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .d-col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .d-col-md-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .d-col-md-7 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .d-col-md-8 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .d-col-md-9 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .d-col-md-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .d-col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .d-col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .d-col-lg-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .d-col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .d-col-lg-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .d-col-lg-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .d-col-lg-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .d-col-lg-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .d-col-lg-7 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .d-col-lg-8 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .d-col-lg-9 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .d-col-lg-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .d-col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .d-col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .d-col-xl-1 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .d-col-xl-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .d-col-xl-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  .d-col-xl-4 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .d-col-xl-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .d-col-xl-6 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .d-col-xl-7 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .d-col-xl-8 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .d-col-xl-9 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  .d-col-xl-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}


.card {
	background-color: transparent;
	border-color: transparent;
}
.card a {
	color: #24211d;
	font-weight: bold;
}
.card a:hover {
	font-weight: 900;
	text-decoration: none;
}


.tile-1 {
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 576px) {
	.tile-1 {
		font-size: 1.5rem;
	}
}

@media (min-width: 768px) {
	.tile-1 {
		font-size: 1.5rem;
	}
}

@media (min-width: 992px) {
	.tile-1 {
		font-size: 2.25rem;
	}
}

@media (min-width: 1200px) {
	.tile-1 {
		font-size: 3rem;
	}
}