@media only screen and (max-width: 768px) {
    .hero-content__title {
        font-size: 45px;
        line-height: 45px;
    }

    .architecture {
        padding-top: 25px;
    }

    .grid-container {
        padding-top: 15px;
    }
    .section-headline{
        font-size: 25px;
        line-height: 35px;
    }
    .grid-item{
        min-height: 300px;
    }
    .grid-item:nth-child(3){
        min-height: 350px;
    }
    .electricity .section-headline{
        margin-top: 25px;
    }
    .electricity__image{
        min-height: 270px;
    }
    .water-supply, .drianage, .vrf, .heating, .firefighting, .electronic, .access-control, .solar-systems, .app-footer{
        padding-top: 50px;
    }
    .water-supply__image{
        position: relative;
        min-height: 450px;
        width: 100%;
    }
    .water-supply__image img{
        position: absolute;
        top: 0;
        left: 0;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .water-supply__image.image__two{
        min-height: 360px;
    }
    .access-control__content{
        flex-wrap: wrap;
    }
    .access-control-image{
        max-width: 100%;
    }
    .solar-systems__image{
        min-height: 350px;
    }
    .hero-content__logo {
    width: 100px;
    height: 100px;
}
}