body {
	font-family: 'Times New Roman', Times, serif;
	margin-top: 140px;
}

h1 {
	margin-bottom: 20px;
}

table {
	width: 100%;
}

input[type="search"] {
	margin-bottom: 20px;
	padding: 8px;
	width: 300px;
}

thead {
	background-color: #000;
	color: #fff;
}

table,
th,
td {
	border: 1px solid #e5e5e5;
}

.table-section,
main {
	margin: 40px;
}

main {
	padding-top: 40px;
}

footer a {
	color: #000;
}

.no-line {
	text-decoration: none;
}

.header-container {
	margin: 0 40px;
}

header {
	padding: 15px 0 !important;
}

nav ul li:first-child a {
	margin-left: 0;
}

.header-container h1 {
	margin-bottom: 0;
}

.website-title {
	font-size: 60px;
}

header {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

nav {
	text-transform: uppercase;
}

div.dt-container .dt-search input {
	margin: 0;
	width: 100%;
}

header .dt-container {
	padding: 0 40px;
	margin-top: 20px;
}

footer {
	padding: 16px 40px;
}

.nav-link {
	position: relative;
	text-decoration: none;
	color: inherit;
	display: inline-block;
	padding: 0;
	margin: 0 0.8rem;
}

.nav-link::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease-in-out;
}

.nav-link:hover::after,
.nav-link.active::after {
	transform: scaleX(1);
}

.nav:hover .nav-link.active::after {
	transform: scaleX(0);
}

.nav-link:hover::after {
	transform: scaleX(1);
}

.nav-link.active::after {
	transform: scaleX(1);
}

table.dataTable tbody td {
	vertical-align: top;
}

.nav-item a {
	font-size: 14px;
	padding: 0;
}

.additional-note {
	margin: 40px
}

@media screen and (max-width: 1250px) {
	ul.nav {
		display: inline-flex;
		flex-direction: column;
	}

	.nav-item a {
		margin: 0 0 10px 0;
		padding: 8px 0;
	}

	.nav-item:last-child a {
		margin: 0;
	}

	.nav-item:first-child {
		margin-top: 20px;
	}

	.website-title {
		font-size: 50px;
		line-height: 1.1;
	}
}

@media screen and (max-width: 786px) {

	.table-section,
	main,
	.additional-note {
		margin: 20px;
	}

	.website-title {
		font-size: 40px;
		line-height: 1.1;
	}

	.header-container {
		margin: 0 20px;
	}

	header .dt-container {
		padding: 0 20px;
	}

	footer {
		padding: 16px 20px;
	}

	table {
		font-size: 8px !important;
	}

	p,small {
		font-size: 10px !important;
	}

	.nav-item a {
		font-size: 12px;
		padding: 0;
	}
}