/* Style the buttons that are used to open and close the accordion panel */

.accordionC {
  cursor: pointer;
  padding: 6px;
  outline: none;
  transition: 0.4s;
  background-color: orange;
  font: Tahoma,Arial,sans-serif; 
  font-size: 2vw;
  color: black
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordionC:hover {
    color: orange;
    background-color: grey;
}

/* Style the accordion panel. Note: hidden by default */
.panelC {
    gap: 10px;
    margin: 0px 36px 0px 36px;
    padding: 8px 18px 8px 18px;
    background-color: white;
    border-style: none; /* solid; */
    border-width: 1;
    color: red;
    display: none;
    overflow: hidden;
}

@media screen and (max-width:740px) {

    .accordionC {
	font-size: 4vw;
    }
}