.text {
	width: 70%;
	margin: auto;
	text-align: center;
	padding: 10px 20px;
}

.text p {
	font-size: 20px;
	color: var(--gold);
}

.Subheading {
	color: var(--grey);
	text-align: center;
	padding: 5px;
	margin: 0;
	clear:both;
	width: 100%;
}


.Subsubheading {
	color: var(--grey);
	padding: 5px;
	margin: auto;
	width: 50%;
}

.list{
	width: 50%;
	margin: auto;
	padding: 5px;
	list-style-position: inside;
	
}

.list li{
	font-size: 20px;
	color: var(--gold);
	list-style-type: none;
}

@media (max-width: 1200px) {

.list{
	width: 65%;
}

.Subsubheading {
	width: 65%;
}

}

@media (max-width: 1000px) {
		.list{
		width: 80%;
	}

	.Subsubheading {
		width: 80%;
	}
}

@media (max-width: 800px) {
		.list{
		width: 100%;
	}

	.Subsubheading {
		width: 100%;
	}
}

@media (max-width: 400px) {
	
}