.armory-stats {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to bottom, black 1dvh, transparent 10dvh calc(100% - 10dvh), black calc(100% - 1dvh)), url("./../images/backgrounds/Background.jpg");
	color: white;
	min-height: 100dvh;
	padding: 5dvh 0;
}

.stat-table {
	display: grid;
	grid-template-columns: auto auto;
	border: 2px solid white;
	width: 50dvw;
	margin-bottom: 5dvh;
}

.main-headers {
	text-align: center;
	font-weight: bolder;
	margin: 0;
	font-size: 3rem;
}

.table-headers {
	text-align: center;
	font-weight: bolder;
	margin: 0;
	font-size: 2.5rem;
}

.sub-headers {
	text-align: center;
	font-weight: bolder;
	margin: 0;
	font-size: 2rem;
}

.stat-table-header {
	text-align: center;
	font-weight: bold;
	font-size: 2.25rem;
}

.std {
	border: 1px solid black;
	padding: 0 4px;
	font-size: 1.75rem;
}

.table-data-info {
	grid-column: 1 / 3;
	visibility: hidden;
	height: 0;
	border: none;
	background: rgba(0, 0, 0, 0.75);
}

.table-data-info-open {
	visibility: visible;
	height: auto;
	border: 1px solid black;
}

.table-header-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 50%;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 20px 20px 0 0;
	box-shadow: inset 0 0 5px 5px black;
	display: none;
}

.info-button {
	color: var(--color-primary-red);
	font-size: 1.5rem;
	font-weight: normal;
	background: white;
	border: 1px solid black;
	border-radius: 50%;
	width: 31px;
	padding: 0;
	margin: 0 0.5dvw;
}

.size {
	text-align: center;
}

.price {
	text-align: center;
}

.table-header-info-open { display: flex !important; }
.table-header-info p { margin: 1dvh; }
.table-header-info ul { margin: 1dvh; }
.table-header-info ul li { text-align: start; }

.extra-notes { 
	width: calc(50% - 2dvw); 
	text-align: center; 
	background-color: rgba(0, 0, 0, 0.75);
	border: 1px solid var(--color-primary-purple);
	padding: 1dvh 1dvw;
	box-shadow: inset 0 0 5px 5px black;
}

.extra-notes-end {
	margin-bottom: 5dvh;
}

/* Phone - Vertical */
@media screen and (width >= 320px) and (width < 768px) {
	.armory-stats { padding: 2dvh 1dvw;}
	.stat-table { width: 100dvw; }
	.table-header-info { width: 100%; font-size: 1.5rem; }
	.main-headers { font-size: 1.5rem;}
	.table-headers { font-size: 1.25rem; }
	.sub-headers { font-size: 1.1rem; }
	.extra-notes { width: 100%; }
	.std {font-size: 1rem;}
	.info-button {
		font-size: 1rem;
		width: 21px;
	}
	.table-header-info {
		font-size: 1rem;
	}
}

/* Phone - Horizontal */
@media screen and (width >= 768px) and (width < 1300px) { 
	.stat-table { width: 75dvw; }
	.table-header-info { width: 75%; }
	.extra-notes { width: 75%; }
}