@font-face {
    font-family: 'MMC OFFICE BOLD';
    src: url('../fonts/MMCOFFICE-Bold.woff2') format('woff2'),
        url('../fonts/MMCOFFICE-Bold.woff') format('woff'),
        url('../fonts/MMCOFFICE-Bold.ttf') format('truetype'),
        url('../fonts/MMCOFFICE-Bold.svg#MMCOFFICE-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {
	margin: 0px 20px 0px 20px;
}
.bg-card {
	background-image: url('../images/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
    background-position: 50% 0%;
}
.vertical-center {
min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
min-height: 100vh; /* These two lines are counted as one :-)       */
display: flex;
align-items: center;
}
.padding-vh {
padding-top: 10vh;
}
.logo {
	mix-blend-mode: multiply;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.clique {
	mix-blend-mode: multiply;
}
h1, h2, h3, h4, h5 {
    font-family: 'MMC OFFICE BOLD';
	color: #325b36;
}
a {
	color: #325b36;
	text-decoration: none;
}
a:hover {
	color: #325b36;
	text-decoration: none;
}
.modal-content {
    border-radius: 0px;
    background-color: #fff;
}