.hero {
    position: relative;
    top: -8rem;
    z-index: 0;
    color: #444;
    padding-top: 26rem;
    padding-bottom: 4em;
    font-size: 1.25em;
    background-color: transparent;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    background-color: #ff841a;
    overflow: hidden;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #ffbf1a), color-stop(1, #ff841a));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left, #ffbf1a 0%, #ff841a 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right, #ffbf1a 0%, #ff841a 100%);
    background-image: -ms-repeating-linear-gradient(top left, #ffbf1a 0%, #ff841a 100%);
    /* height: 90vh; */
}

.hero img {
    height: 300px;
    margin-bottom: 1em;
}

.hero .flex-container {
    gap: 2em;
    align-items: center;
}

.hero p {
    max-width: 56rem;
}

#header {
    position: absolute;
    width: 100%;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    background: white;
    z-index: 100;
}

.hero h1 {
  font-size: 2em;
  margin-bottom: 1em;
}

#services h2 {
    margin-top: 0;
}

#about .person {
    position: relative;
    padding-top:  150px;
    margin-top: 1em;
}

#about .person figure {
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -60px;
    display: block;
    margin-bottom: 50px;
}

#about .person figure img {
    width: 120px;
    max-width: unset;
    /* border: 2px solid #f2f2f2; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 7px 14px 42px 3px rgba(0, 0, 0, 0.4);
}