body {
        font-family: Arial, Helvetica, sans-serif;
        background: #e4e4e4;
        margin: 0;
    }

.header {
        width: 100%;
        background: white;
        padding: 3%;
        position: fixed;
        top: 0;
		z-index: 9999999;
    }

    .header-container {
        display: flex;
    }

    .header-img {
        position: relative;
        height: 8vh;
        width: 8vh;
        border: none;
        margin: auto 3% auto 0;
        display: flex;
        border-radius: 10px;

    }

    .header-title-div {
        width: 74%;
        margin: auto 0;
    }

    .header-title {
        font-weight: bold;
        font-size: 1.5em;
    }

    .header-subtitle {
        font-size: 0.9em;
        background: #e4e4e4;
        margin-top: 2%;
        padding: 2%;
        border-radius: 5px;
    }

    .navbar-bg {
        width: 100%;
        height: 8%;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #e4e4e4;
    }

    .bmc-btn-container {
        margin: 0 auto;
        display: table;
    }
	
	.card {
		background-color: white;
		border-radius: 15px;
		margin: 5% auto;
		width: 92%;
		filter: drop-shadow(2px 2px 4px gray);
		padding: 0.5% 2% 3% 2%;
	}