.v-card {
  min-width:290px;
  margin-top:2px;
  margin-bottom:18px;  
  background-color:#ffffff;
}

@media screen and (max-width: 310px) {
  .v-card {
     min-width:210px;
  }
}

.v-card__text {
  margin-top:-14px;
  margin-bottom:-14px;
  color: #404040 !important;
  list-style-type: none;
}

span.p, p, li, .v-expansion-panel-header.p {
  font-face:Roboto;
  font-size:17px;
}
@media screen and (max-width: 710px) {
span.p, p, li  {
   font-face: 'Roboto';
   font-size:16px;
 }
}

ul
ul li,
ul ul li {
   margin:0;
   padding: 0;
   text-indent: 0;
   list-style-type: 0;
}

.v-card__text:hover {
  transform: scale(1.015);
  color: #050505 !important;
  background-color:#EEEEfE;
  transition: background 0.8s ease-out, color 0.1s ease-in, transform 0.3s ease-in;  
}
.v-expansion-panels {
  margin-top:-22px;
  margin-bottom:-16px;
  margin-left:-14px;
  zmin-width:326px;  
  margin-right:44px;
}

.v-expansion-panel {
 background-color:inherit !important;
 font-face:inherit !important;
}
	
.v-expansion-panel-header {
  margin-left:-10px;
  font-face:inherit !important;
  font-size:inherit !important;  
  min-width:360px;  
  margin-bottom:-8px;  
}

.v-expansion-panel-content {
	color:#202080;
	margin-top:-22px;
	margin-bottom:-16px;
	margin-left:-10px;	
	margin-right:-30px;
  zwidth:inherit !important;
}

i.v-icon.v-icon {
  color:#a0a0c0;
  margin-top:10px;
}

br {
  margin-bottom:14px;
}

 body {
   counter-reset: myCounter;
 }
 h6 {
 	display:inline;
 }
 h6:before {
   display:inline;
   font-face: 'Roboto';
   font-size:10px;
   color:#c0c0c0;
   float:left;
   margin-left:-12px;
   margin-top:-12px;
   content: counter(myCounter) ". ";
   counter-increment: myCounter;
 }