@charset "UTF-8";

h1 {
	font-size: 2.7em;
}
.page-content {
	padding: 0 10px 40px;
}
.card {
	background-color: var(--grey-lt);
	color: var(--bluegrey);;
	padding: 0px;
	border: 1px solid #bababa;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 30px;
	max-width: 380px;
	min-width: 300px;
	border-radius: 10px;
	text-align: center;
	justify-content: flex-start;
}

h2 {
	color: var(--optc-yellow);
	text-align: center;
}
.join h3 {
	color: var(--bluegrey);
	text-align: center;
	font-size: 1.2em;
}
.card-name {
	background-color: var(--bluegrey);
	width: 100%;
	border-radius: 10px 10px 0 0;
	padding: 20px 20px;
}
.card-price {
	font-size: 60px;
	font-weight: 500;
	color: var(--optc-red);
	padding: 0;
}
.mid-price {
	font-size: 60px;
	font-weight: 500;
	color: var(--optc-red);
	padding: 0;
}
.mid-text {
	font-size: 20px;
	font-weight: 500;
	color: var(--optc-red);
	padding: 0;
}
.card-price.visitor {
	font-size: 40px;
	padding: 20px 0;
}
.card-details {
	padding: 0px 30px 20px;
	font-size: 19px;
}
.membership-card td {
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: normal;
	
}

td.ball-icon {
	width: 20px;
	vertical-align: top;
}

td.ball-icon img {
	width: 12px;
	height: auto;
	padding-top: 5px;
}
/*
.card-details ul {
	text-align: left;
	/*list-style-image: url('images-optc/icon-yellow-ball-20.jpg');*/
/*	list-style-type: disc;
}*/


@media screen and (min-width: 990px) {
	.card-details {
	font-size: 17px;
}
}