.galileo--hero {
    position: relative;
    background: var(--primary-bg);
    margin-bottom: 140px;
}

.galileo--hero-logo {
    position: absolute;
    width: 101%;
    left: -0.5%;
    top: -2px;
}

.galileo--hero-logo img {
    width: 100%;
}

.galileo--hero .text--info {
    padding: 240px 20px 160px 220px;
}

.vector--galileo-bottom {
    position: absolute;
    bottom: -4px;
    height: 130px;
    width: 100%;
    display: flex;
}

.vector--galileo-bottom img {
    width: 101%;
}

.image--galileo--picture {
    position: absolute;
    bottom: -10px;
    left: 0;
}

.image--galileo--picture  img {
    width: 220px;
}

.with--badge .title{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 70px;
}

.badge {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    top: 2px;
}

.badge img {
    width: 50px;
}

.badge--padding {
    padding-left: 70px;
}

.with--badge .description{
    padding-left: 70px;
}

.banner--panel img {
    width: 100%;
}

.galileo--information .content--wrapper {
    margin-bottom: 120px;
}

.galileo--information .content--wrapper:last-child {
    margin-bottom: 0;
}


@media screen and (max-width: 768px) {
    .galileo--hero {
        margin-bottom: 64px;
    }
    .galileo--hero .text--info {
        padding: 160px 20px 110px 150px;
    }
    .image--galileo--picture {
        bottom: auto;
        top: 60px;
    }
    .image--galileo--picture img {
        width: 150px;
    }
}

@media screen and (max-width: 480px) {
    .galileo--information .content--wrapper {
        margin-bottom: 48px;
    }
    .text--info.with--badge {
        padding: 0px 16px 0px 0px;
    }
    .with--badge .title {
        padding-left: 56px;
    }
    .badge {
        width: 56px;
        top: -1px;
    }
    .badge img {
        width: 40px;
    }
    .with--badge .description {
        padding-left: 56px;
    }
    .badge--padding {
        padding: 0px 16px 0px 56px;
    }
    .galileo--hero .text--info {
        margin-top: 4px;
        padding: 160px 16px 40px 16px;
    }
    .galileo--hero .title {
        padding-left: 90px;
        min-height: 80px;
        max-width: 200px;
    }
    .vector--galileo-bottom {
        height: 50px;
    }
    .image--galileo--picture img {
        width: 100px;
    }
}