.grid {
  max-width: 850px;
  display: grid;
  grid-gap: 1px;
  
  grid-template-areas:
    "header aside"
    "article aside"
    "footer aside"
}

.grid > * {
  background-color: #28314E;
  border-radius: 0px;
  border: 1px solid #212941;
  color: #fff;
  padding: 20px;
}

header {
  grid-area: header;
}

article {
  grid-area: article;
}

aside {
  grid-area: aside;
}

footer {
  grid-area: footer;
}

div .sub {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 30px 30px;
}

div .sub div {
  background-color: #181e2f;
}

div .sub div:nth-child(2), .sub div:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  background-color:#181edf;
/*  align-content: stretch; */
}

@media (min-width: 640px) {
  
.grid {
  grid-template-columns: 4fr 2fr;
} 
  /*
header {
  grid-column-start: 1;
  grid-column-end: 3;
}
footer {
  grid-column-start: 1;
  grid-column-end: 3;
} 
  */
}

.form__title {
    color: var(--color-bg-text,#363636);
    font-size: 28px;
    text-align: left;
    margin: 15px 0 11px 0!important;
    line-height: 1.2;
    font-weight: 500;
    
/*    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #595354;
    margin-bottom: 30px;
    */
}

.question, .question_images::-webkit-scrollbar-track {
    border-left: 8px solid transparent;
    -webkit-box-shadow: inset 0 0 10px 10px var(--color-bg-2,#eae9f1);
    box-shadow: inset 0 0 0px 0px var(--color-bg-2,#eae9f1);
}

.question_images::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
    background: #c28842;
}

.question_images::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: rgb(210, 210, 210);

}

.question::-webkit-scrollbar, .question_images::-webkit-scrollbar {
    height: 56px;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
}