After adding the css files for DataTables my menu is no longer right justified and all content that was centered on pages is now left justified. It is like the Bootstrap Sass generated CSS is not being used. Below is my head and foot sections:
Head
<!DOCTYPE html>
<html lang="en">
<head>
<title>"<?php echo $title; ?>"</title>
<meta name="og:title" content="The Garland Cemetery" />
<meta name="og:type" content="website" />
<meta name="og-url" content="http://www.garlandcemetery.com" />
<meta name="og:image"
content="https://www.garlandcemetery.com/images/Header-1.png" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no" />
<meta name="description" content="<?php echo $description; ?>" />
<meta name="author" content="M-PC Web Development" />
<meta name="keywords" content="" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<link href="DataTables/DataTables-1.10.25/css/dataTables.bootstrap5.css" rel="stylesheet" />
<!-- Custom CSS -->
<link href="css/style.css?v=2" rel="stylesheet" />
<!-- Fav icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#6c757d">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
</head>
Foot