.d-flex {
	display: flex;
}

body {
	/* задаёт путь до файла */
	background-image: url('./../images/login.bg.jpg');
	/* задает стартовое положение изображения на странице */
	background-position: center center;
	/* определяет размер изображения на странице */
	background-size: cover;
	/* свойство устанавливает, будет ли повторяться изображение и каким образом */
	background-repeat: no-repeat;
	/* cвойство определяет, будет ли фоновое изображение прокручиваться 
  вместе с остальной частью страницы или будет фиксированным */
	background-attachment: fixed;
}

form {
	font-weight: 400;
	font-family: 'Mitr', sans-serif;
	font-style: normal;
}

.card {
	background-color: rgba(255, 255, 255, 0.734);
}

h2 {
	margin-bottom: 20px;
	font-family: 'PT Sans', sans-serif;
}

label {
	font-size: 15px;
}

.form-label {
	margin-bottom: 0 !important;
}

.center {
	display: flex;
	justify-content: end;
}

.mt {
	margin-top: 150px;
}

.bold {
	font-weight: bold;
}

.menu {
	justify-content: end;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.menu a {
	font-family: 'Bree Serif';
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	margin-right: 20px;
	color: rgba(28, 46, 49, 0.729);
}

.menu a:hover {
	color: black;
	border-bottom: 1px solid black;
}

.bg {
	border-radius: 10px;
	border: 1px solid rgba(162, 162, 162, 0.507);
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.664);
}

input[type='submit'] {
	width: 150px;
	border-radius: 20px;
	background: linear-gradient(to bottom, #0f8e0f, #096109);
	color: white;
	border: none;
	cursor: pointer;
}

input[type='submit']:hover {
	background: linear-gradient(to bottom, #09a209, #085308);
}
@media screen and (max-width: 599px) {
	body {
		/* задаёт путь до файла */
		background-image: url('./../images/login-mob-bg.jpg');
		/* задает стартовое положение изображения на странице */
		background-position: right center;
		/* определяет размер изображения на странице */
		background-size: cover;
		/* свойство устанавливает, будет ли повторяться изображение и каким образом */
		background-repeat: no-repeat;
		/* cвойство определяет, будет ли фоновое изображение прокручиваться 
    вместе с остальной частью страницы или будет фиксированным */
		background-attachment: fixed;
	}
	.center {
		justify-content: center;
	}
	.mt {
		margin-top: 100px;
	}
}
@media screen and (max-width: 370px) {
	.mt{
		margin-top: 50px;
	}
	.card-body{
		margin-bottom: 20px;
	}
}