.account_settings > div {
	margin-bottom: 1px;
	padding: 20px 32px;
	background: var(--pad-color);
}

.account_data {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

	.account_data .item {
		width: 100%;
		overflow: hidden;
	}

		.account_data strong {
			height: 46px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 8px;
			font-weight: normal;
			text-transform: uppercase;
			background: var(--pad-color2);
			cursor: default;
		}

		.account_data span {
			display: block;
			text-align: center;
		}

.account_settings > .account_menu {
	padding: 32px;
}
.account_menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

	.account_menu a,
	.account_menu div {
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		color: #fff;
		font: 16px/1 Quantico, Arial;
		text-align: center;
		text-transform: uppercase;
		border: 1px solid #575c61;
		cursor: pointer;
		user-select: none;
	}
	.account_menu a:hover,
	.account_menu div:hover {
		color: #000;
		text-decoration: none;
		background: #fff;
	}
	.account_menu a:active,
	.account_menu div:active {
		background: rgba(255,255,255,0.8);
	}

@media screen and (max-width: 720px) {

.account_data {
	grid-template-columns: minmax(100px, 400px);
	justify-content: center;
}

.account_menu {
	grid-template-columns: repeat(2, 1fr);
}

}

@media screen and (max-width: 600px) {

.account_menu {
	grid-template-columns: minmax(100px, 400px);
	justify-content: center;
}

}