/* Styling for desktop view */
@media only screen and (min-width: 768px) {
	.instance-table {
		margin-top: 30px;
		margin-bottom: 30px;
		display: block;
		border: 0 solid;
		border-bottom-width: 1px;
		border-color: #A1B8BE;
	}

	.instance-table-header {
		background-color: #F3F8F9;
		font-weight: bold;
	}

	.instance-table-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		border: 0 solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-color: #A1B8BE;
	}

	.instance-table-cell {
		display: flex;
		flex-direction: row;
		width: calc(100%/7);
		border: 0 solid;
		border-left-width: 1px;
		border-color: #A1B8BE;
		padding: 1rem;
	}

	.instance-table .cell-label {
		display: none;
	}

	.instance-table .instance-type {
		width: 16%;
	}

	.instance-table .instance-cpu-model {
		width: 16%;
	}

	.instance-table .instance-cpu-cores {
		width: 21%;
	}

	.instance-table .instance-cpu-boost {
		width: 10%;
	}

	.instance-table .instance-memory {
		width: 12%;
	}

	.instance-table .instance-ratio {
		width: 14%;
	}

	.instance-table .instance-storage {
		width: 11%;
	}

	.instance-table .instance-quote-button {
		min-width: 156px;
	}

}

/* Styling for mobile view */
@media only screen and (max-width: 767px) {
	.instance-table-row {
		display: block;
		border-left: 1px solid #A1B8BE;
		border-right: 1px solid #A1B8BE;
		margin-bottom: 2rem;
	}

	.instance-table-cell {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		border: 0 solid;
		border-bottom-width: 1px;
		border-color: #A1B8BE;
		padding: 0.5rem 1rem;
	}

	.instance-table-header {
		display: none;
	}

	.instance-type {
		background-color: #F3F8F9;
		border-top-width: 1px;
		font-size: 28px;
		font-weight: bold;
		padding: 1rem;
	}
}