html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.header {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "logo"
        "title";
    
    font-family: Calibri;
    font-size: 64pt;
    color: rgb(0, 40, 82);
}

.logo {
    display: flex;
    justify-content: center;
    grid-area: logo;
    padding:10px;
}

.title {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: title;
}

p {
    color: rgb(0, 40, 82);
    font-family: Calibri;
    font-size: 16pt;
}

.bar {
    background-color: rgb(0, 40, 82);
}

.footer {
    background-color: rgb(238, 114, 3);
    color: rgb(0, 40, 82);
    font-family: Calibri;
    font-size: 12pt;
    
    
}

    .footer .container {
        display: flex;
        justify-content: space-between;
    }

        .footer .container .left-text {
            order: 1;
        }

        .footer .container .right-text {
            order: 2;
        }

.email {
    color: rgb(238, 114, 3);
    font-weight: bold;
    font-size: larger;
}

@media (min-width: 576px) {
    .header {
        grid-template-columns: 1fr 3fr;
        grid-template-rows: auto;
        grid-template-areas: "logo title";
    }

    .logo,
    .title {
        justify-content: flex-start;
    }


}

@media (max-width: 576px) {
    .footer {
        background-color: rgb(238, 114, 3);
        color: rgb(0, 40, 82);
        font-family: Calibri;
        font-size: 8pt;
    }
}

.custom-navbar {
    background-color: rgb(0, 40, 82) !important; /* Your custom color */
}

    .custom-navbar .nav-link {
        color: white !important; /* Change link color if needed */
    }

        .custom-navbar .nav-link:hover {
            color: #ffd700 !important; /* Optional: hover color */
        }

    /* Hamburger menu icon */
    .custom-navbar .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.5); /* optional: light border */
    }

    .custom-navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

h3 {
    font-family: Calibri;
    font-size: 28px; /* change font size */
    color: rgb(238, 114, 3); /* custom color */
    font-weight: 600; /* custom weight */
}

h4 {
    font-family: Calibri;
    font-size: 24px; /* change font size */
    color: #004080; /* custom color */
    font-weight: 600; /* custom weight */
}

h5 {
    font-family: Calibri;
    font-size: 22px; /* change font size */
    color: #004080; /* custom color */
    font-weight: 600; /* custom weight */
}