body {
    background-image: url('../img/index/background_img.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.about_us_head {
    text-align: center;
    margin-top: 120px;
    align-items: center;
    justify-content: center;

}

@media (max-width: 1000px) and (min-height: 1080px) {
  .about_us_head {
    margin-top: 400px;

  }
}

@media (max-width: 1366px) and (max-height: 768px) {
  .about_us_head {
    margin-top: 10px;

  }
}

H1 {
    font-size: 60px;
    font-weight: normal;
    cursor: pointer;
    text-shadow: -8px -8px 0 hsl(0, 0%, 10%),
                 -7px -7px 0 hsl(0,0%,25%),
                 -6px -6px 0 hsl(0,0%,35%),
                 -5px -5px 0 hsl(0,0%,55%),
                 -4px -4px 0 hsl(0,0%,60%),
                 -3px -3px 0 hsl(0,0%,65%),
                 -2px -2px 0 hsl(0,0%,70%),
                 -1px -1px 0 hsl(0,0%,80%),
                 0 0 0 hsl(0,0%,90%);
    color: transparent;
    transition: all 1s;
    }
H1:hover {
    text-shadow: -8px -8px 0 hsl(0, 0%, 35%),
                 -7px -7px 0 hsl(0, 0%, 40%),
                 -6px -6px 0 hsl(0, 0%, 45%),
                 -5px -5px 0 hsl(0, 0%, 50%),
                 -4px -4px 0 hsl(0, 0%, 55%),
                 -3px -3px 0 hsl(0, 0%, 60%),
                 -2px -2px 0 hsl(0, 0%, 65%),
                 -1px -1px 0 hsl(0, 0%, 70%),
                 0 0 0 hsl(0, 0%, 75%);
    color: transparent;
}

H2 {
    font-size: 30px;
    font-weight: normal;
    cursor: pointer;
    text-shadow: 0 0 0 crimson;
    color: crimson;

}