#hero > .container {
    padding-top: 100px;
}

#hero .grayRectangle {
    width: 71%;
    margin-left: 40px;
    height: 90%;
}

#hero .RHS > .LHS {
    margin: 170px 0 0;
    padding-right: 0;
    width: 36%;
}

#hero .RHS > .LHS > img {
    margin: 20px 0 0 20px;
    width: calc(100% - 20px);
}

#hero .RHS > .RHS {
    margin: 40px 0 0;
    width: 59%;
    max-width: 323px;
    float: right;
    text-align: center;
}

#hero .RHS > .RHS > img {
    margin-bottom: 20px;
    width: 100%;
}

#hero .downArrow {
    position: absolute;
    left: 50%;
    border: 2px solid;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    bottom: 40px;
    transition: opacity var(--scrollColorFadeSpeed);
}