.sub-content { 
  padding: 10px 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}  
.extra-border {
	display: grid;
  grid-template-areas:
   'title title title'
   'intro intro plans'
   'extra extra extra';
   grid-template-columns: 1fr 1fr 1fr;
	border-radius:10px;
	border-style: solid;
	padding: 10px 10px;
} 
.title{ 
  grid-area: title;
  padding: 0px 10px;
  
}
.intro{ 
  grid-area: intro;
  padding: 0px 10px;
}
.plans{ 
  grid-area: plans;
  display: flex;
  justify-content: center;
  padding: 0px 10px;
}
.plans table{
	height:fit-content;
}
.plans thead{
	background-color: rgba(255, 255, 255, 0.9);
	color: rgb(50, 50, 60);
}
.plans th{
	padding:8px;
}
.plans tbody{
	background-color: rgba(255, 255, 255, 0.2)
}
.plans td{
	height:fit-content;
	padding: 8px 8px;
	line-height: 1; 
	border-bottom-style: solid;
}
.extra{ 
  grid-area: extra;
  display: flex;
  padding: 0px 10px;
}