.header-area {
  position: relative;}
  .header-area .scroll-button {
    /* background-color: rgba(255, 0, 0, 0.3); */
    width: 40%;
    height: 9.6%;
    position: absolute;
    left: 8.7%;
    bottom: 15.6%;
    cursor: pointer;}
  .header-area .scroll-button:nth-of-type(2) {
    left: 52.4%;
    bottom: 15.6%;}
  .header-area .scroll-button:nth-of-type(3) {
    left: 8.6%;
    bottom: 3.4%;}
  .header-area .scroll-button:nth-of-type(4) {
    left: 52.4%;
    bottom: 3.4%;}

.brand-area {
  position: relative;}
  .brand-area .link-button {
    /* background-color: rgba(255, 0, 0, 0.3); */
    width: 50.2%;
    height: 9%;
    position: absolute;
    left: 24.5%;
    bottom: 9.5%;
    cursor: pointer;}
  .brand-area#kie .link-button {
      bottom: 8.2%;}