#home-header {
    color: white;
}
.home-header-image {
    padding-top: 200px;
    min-height: 50vw;
    max-height: 100vh;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.home-header-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0,0,0,0.2);
    z-index: -1;
}
.home-header-left {
    padding-top: 10vw;
}
.home-header-left h1 {
    font-size: 5.05vw;
    line-height: 1;
    font-weight: 300;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    margin-bottom: 15px;
}
.home-header-left h1 strong {
    position: relative;
    display: inline-block;
}
.home-header-left h1 strong .letter-item {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
}
.home-header-left h1 strong .letter-item.active {
    animation-name: word-animation;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.home-header-left h1 strong .letter-item.active.letters-5 {
    animation-duration: 2.5s;
}
.home-header-left h1 strong .letter-item.active.letters-8 {
    animation-duration: 3.5s;
}
.home-header-left h1 strong .letter-item span {
    position: relative;
    transform: translateY(1.1em) translateX(0.55em) translateZ(0px) rotateZ(180deg);
    display: inline-block;
    transform-origin: 0 100%;
}
.home-header-left h1 strong .letter-item.active span {
    animation-name: letter-animation;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.home-header-left h1 strong .letter-item.active span:nth-child(2) {
    animation-delay: 0.15s;
}
.home-header-left h1 strong .letter-item.active span:nth-child(3) {
    animation-delay: 0.3s;
}
.home-header-left h1 strong .letter-item.active span:nth-child(4) {
    animation-delay: 0.45s;
}
.home-header-left h1 strong .letter-item.active span:nth-child(5) {
    animation-delay: 0.6s;
}
.home-header-left h1 strong .letter-item.active span:nth-child(6) {
    animation-delay: 0.75s;
}
.home-header-left h1 strong .letter-item.active span:nth-child(7) {
    animation-delay: 0.9s;
}
.home-header-left h1 strong .letter-item.active span:nth-child(8) {
    animation-delay: 1.05s;
}
#home-header .circle-button {
    margin-right: 60px;
    margin-bottom: 15px;
}
#home-header .circle-button:last-child {
    margin-right: 0;
}
.home-header-right {
    margin-top: 75px;
}
.home-header-right p {
    font-size: 35px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 15px;
}
.home-header-right .solar-lines {
    top: 365px;
    bottom: 0;
    left: calc(55% + 35px);
    right: 0;
    width: auto;
}
#home-header .solar-lines.white .solar-line::after {
    position: absolute;
    content: "";
    bottom: -150px;
    height: 150px;
    border-right: 1px solid rgba(0,0,0,0.1);
    left: 0;
}
.header-socials {
    position: absolute;
    bottom: 25px;
    right: 70px;
}
.header-socials a {
    display: inline-block;
    margin-right: 5px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.header-socials a:last-child {
    margin-right: 0;
}
.header-socials img {
    width: 20px;
}
@keyframes word-animation {
    0%   {opacity: 1;}
    50%  {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes letter-animation {
    0%   {transform: translateY(1.1em) translateX(0.55em) translateZ(0px) rotateZ(180deg);}
    100% {transform: translateY(0) translateX(0) translateZ(0) rotateZ(0);}
}
/*Responsive*/
@media only screen and (min-width:1025px) {
    #home-header .solar-lines.white .solar-line:first-child::after {
        border-color: #f7901d;
        bottom: -450px;
        height: 450px;
    }
    .header-socials a:hover {
        -webkit-filter: none;
        filter: none;
    }
}
@media only screen and (max-width:1550px) {
    .home-header-right p {
        font-size: 30px;
    }
    .home-header-right .solar-lines {
        max-width: 430px;
    }
    .header-socials {
        right: 50px;
    }
}
@media only screen and (max-width:1300px) {
    .home-header-left {
        padding-top: 0;
    }
    #home-header .circle-button {
        margin-right: 15px;
    }
    .home-header-right p {
        font-size: 27px;
    }
    .home-header-right .solar-lines {
        max-width: 390px;
    }
    .header-socials {
        right: 20px;
    }
}
@media only screen and (max-width:1024px) {
    .home-header-image {
        padding-top: 160px;
    }
    .home-header-right {
        margin-top: 0;
    }
    .home-header-right p {
        font-size: 20px;
    }
    .home-header-right .solar-lines {
        top: 215px;
        max-width: 290px;
    }
}
@media only screen and (max-width:769px) {
    .home-header-image {
        padding-top: 115px;
    }
    .home-header-left h1 {
        font-size: 10.05vw;
    }
    .home-header-right p,
    .home-header-right .solar-lines {
        display: none;
    }
    .header-socials {
        display: none;
    }
}