body {
	font-family: roboto;
	overflow-wrap:break-word;
}

.mb-bold {
	font-weight: 500;
}

.mb-box {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	padding: 15px;
	color: #333;
	position: absolute;
	bottom: 40%;
	left: 50%;
	transform: translate(-50%, 40%);
}

.mb-green {
	background-color: #008500;
}

.mb-reserve-space {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	background-image: url("../img/carousel/Bio1.jpg");
}

.mb-reserve-space-3 {
	width: 100%;
	height: 0;
	padding-bottom: 33.3333%;
	position: relative;
	background-color: rgb(224,224,224);
}

.mb-reserve-space-30 {
	width: 100%;
	height: 0;
	padding-bottom: 28.5%;
	position: relative;
}

.mb-md-padding {
	padding: 35px;
	border-radius: 25px;
}

@media (min-width: 768px) {
	.mb-margin-navbar {
		margin-left: 20px;
	}
}

@media (max-width: 576px) {
	.mb-md-padding {
		padding: 20px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 10px;
	}
}

@media (max-width: 430px) {
	.mb-md-padding {
		padding: 10px;
		padding-left: 5px;
		padding-right: 5px;
		border-radius: 5px;
	}
}


.mb-blink {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}