:root {
  --width: 1000px;
  --top: 220px;
}
.blue{
  color: var(--r-link-color)
}

/* section {
  width: var(--width);
  top: var(--top) !important;
} */

/* section.content {
  top: calc(var(--top) - 50px) !important;
  text-align: left;
} */

section.content div {
  margin: auto;
}

.textLeft {
  width: calc(var(--width) - 300px);
  text-align: left;
}

.img1,
.img2 {
  height: 350px;
  width: auto;
}

.graph1_2 .graph2_2 {
  width: calc(var(--width) + 300px);
}

.imgDiv {
  margin-right: 20px;
}
.img2_2 {
  height: 300px;
  margin: unset !important;
}
.img_legend{
  height: 500px;
  width: 300px;
}

.ma-m4{
  margin: auto 40px !important;
}

.flex {
  display: flex;
  flex-direction: row;
}

.w-55 {
  width: 55%;
}

.w-40 {
  width: 40%;
}

.ta-l {
  text-align: left;
}

.solutionPoints {
  font-size: 30px;
}

#soln2 .flex {
  justify-content: space-between;
}
#soln2 .imgDiv {
  width: 45%;
  margin-right: unset;
}

#task p{
  text-align: left;
}

.suggestionList ul{
  width: 100%;

  position: relative;
}

.suggestionList ul li.fragment{
  position: absolute;
}
.pMM2{
  position: absolute;
  top: -100px;
  right: 0;
}
a.linkMM2 {

  /* top: -120px; */
  font-size: 15px;
  color: darkgrey;
}