.headlinegiants {
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.line-one,
.line-two,
.line-three {
    font-size: 3vw;  /* Using vw for responsiveness, adjusting based on viewport width */
}

.line-one {
    color: #12787A;
}

.line-two {
    color: #192226;
}

.line-three {
    color: #12787A;
}

.line-four {
    font-size: 15vw;  /* Setting font size to be responsive based on the viewport width */
    color: white;
    padding-top: 35px;  /* Adding 35px padding to the top of "Giants" */
}

/* Media Query for small screens like mobile */
@media (max-width: 768px) {
    .line-one,
    .line-two,
    .line-three {
        font-size: 4vw;  /* Adjust font size smaller on mobile */
    }

    .line-four {
        font-size: 10vw;  /* Reduce the size of "Giants" on smaller screens */
        padding-top: 25px;  /* Adjust padding on mobile to ensure the text still fits well */
    }
}