.newLogo {
  width: 150px;
}

#scd-footer {
  margin: 0 !important;
}

#scd-footer button {
  border: 0;
  padding: 10px 45px;
  border-radius: 5px;
  background: #298dcb;
  color: #fff;
  cursor: pointer;
}

#scd-footer button:hover {
  background-color: #0b81cb;
}

#scd-footer button:active {
  background-color: #056dad;
}

#scd-footer button:focus {
  border: none;
}

.scd-sub-container img {
  max-width: 100%;
}

.scd-sub-header-red {
  font-size: 1.6rem;
}

.container-grid {
  display: grid;
  grid-template-areas: "graph-area right-area";
}

.graph-area {
  display: grid;
  grid-template-areas:
    "hmcs pgmprices"
    "trend info";
  grid-area: graph-area;
  justify-content: center;
  grid-gap: 20px;
  grid-template: 190px;
}

.graph-area__new {
  display: grid;
  grid-template-areas:
    "pgmprices trend"
    "whatissca whatissca";
  grid-area: graph-area;
  justify-content: center;
  grid-gap: 20px;
  grid-template: 190px;
}

.graph-image-container {
  height: 190px;
}

.graph-area img,
.graph-area__new img {
  width: 175px;
  height: 100%;
}

.graph-area__new .graph-area__pgm-prices {
  grid-area: pgmprices;
}

.graph-area__new .graph-area__pgm-trend {
  grid-area: trend;
}

.graph-area__new .graph-area__pgm-wisca {
  grid-area: whatissca;
  display: flex;
  justify-content: center;
}

.right-area {
  display: grid;
}

.right-area a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #171753;
}

.right-area a:hover {
  text-decoration: none;
}

.right-area__wisca img {
  width: 250px;
}

.right-area__hmcs img {
  width: 160px;
}

.right-area__wisi img {
  width: 150px;
  border: 2px solid #000;
}

.right-area__wisi,
.right-area__hmcs,
.right-area__wisca {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 700px;
}

.right-area h6 {
  color: #298dcb;
}

.container-grid a,
.graph-area div,
.graph-area__new div {
  transition: 0.2s transform ease-in;
}

.container-grid a:hover,
.graph-area div:hover,
.graph-area__new div:hover {
  transform: scale(1.05);
}

.right-area__questions {
  display: flex;
  justify-content: flex-end !important;
}

.right-area__questions a {
  justify-content: flex-end !important;
}

.right-area__questions img {
  width: 40px;
  margin-right: 10px;
}

.right-area__questions div {
  color: #298dcb;
}

.special-text {
  margin-left: 100px !important;
}

@media screen and (max-width: 768px) {
  .scd-sub-header-red {
    font-size: 1.25rem !important;
  }

  .container-grid {
    margin-top: 20px;
    grid-template-areas:
      "graph-area"
      "right-area";
  }

  .graph-area {
    grid-template-areas:
      "hmcs"
      "pgmprices"
      "trend"
      "info";
  }

  .graph-area__new {
    grid-template-areas:
      "pgmprices"
      "trend"
      "whatissca";
  }

  .right-area__wisi,
  .right-area__hmcs,
  .right-area__wisca {
    flex-flow: column;
    width: auto;
  }

  .right-area {
    display: flex;
    flex-flow: column;
  }
  .right-area a {
    flex-flow: column;
  }
  .right-area a .text-right-area {
    margin: 20px 0 !important;
  }

  .right-area .text-right-area div {
    margin: 0 !important;
  }

  .text-right-area {
    text-align: center;
    margin: 0 !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .container-grid {
    grid-template-areas: "graph-area" "right-area";
  }

  .right-area {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .scd-sub-container-text {
    flex-flow: column;
  }

  .logo-container {
    margin: 0 0 20px 0;
    width: auto;
  }

  .right-area__wisi,
  .right-area__hmcs,
  .right-area__wisca {
    flex-flow: column;
    width: auto;
  }

  .right-area {
    display: flex;
    flex-flow: column;
  }

  .right-area a {
    flex-flow: column;
  }
  .right-area a .text-right-area {
    margin: 20px 0 !important;
  }

  .right-area .text-right-area div {
    margin: 0 !important;
  }

  .text-right-area {
    text-align: center;
    margin: 0 !important;
  }
}