@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
    #hama {
        max-width: 920px;
        margin: 0 auto;
        padding: 0;
        display: flex;
        justify-content: center;
        font-size: 0;
        color: black;
    }

    #hama_wrap {
        font-family: 'Roboto Condensed', sans-serif;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box;
        text-align: center;
        color: black;
        max-width: 920px;
        line-height: normal;
    }

    #hama p {
        font-size: 16px;
    }

    #hama h2 {
        font-size: 32px !important;
        line-height: normal;
        text-align: center !important;
    }

    #hama h3 {
        font-size: 24px !important;
        line-height: normal;
        font-weight: 300;
        text-align: center !important;
    }

    #hama img {
        width: 100%;
    }

    #hama .hama_top {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background-color: black;
        color: white;
    }

    #hama .hama_top .produkt {
        width: 100%;
        padding-top: 15px;
    }

    #hama .hama_top .produkt img {
        width: 90%;
    }

    #hama #hama_wrap .hama_top h2 {
        font-weight: 300;
        padding: 15px 45px 0;
        text-align: center;
        color: white;

    }

    #hama #hama_wrap .hama_top h3 {
        font-weight: 300;
        padding: 15px 30px;
        font-size: 18px;
        color: white;
    }

    #hama .hama_content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

    }

    #hama .hama_content div {
        width: 50%;
    }

    #hama .revers {
        flex-flow: row-reverse nowrap;
    }

    #hama #hama_wrap p {
        padding: 15px;
        font-size: 19pxm;
        font-weight: 300;
        text-align: left;
    }

    #hama span {
        font-weight: 500;
        color: #e32437;
    }

    #hama .hama_content h2 {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 300;
        text-align: center;
    }

    #hama .hama_content .produkt {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        flex-direction: column;
    }

    #hama .hama_content .produkt h3 {
        font-size: 26px;
        margin-bottom: 0;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
    }

    #hama #hama_wrap .specyfikacja h2 {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 400;
        padding: 16px 3rem;
        text-align: center;
    }

    #hama #hama_wrap li {
        font-size: 19px !important;
        text-align: left;
        font-weight: 300;
        padding-left: 32px;
    }

    #hama .hama_opis {
        width: 100%;
    }

    @media only screen and (max-width: 900px) {
        #hama #hama_wrap p {
            font-size: 24px;
        }

        #hama .hama_content div {
            width: 100%;
        }

        #hama .revers {
            flex-wrap: wrap;

        }

        #hama .hama_top .picture {
            width: 100%;
        }

        #hama .hama_top .produkt {
            width: 100%;
            padding: 16px;
        }

        #hama h2,
        #hama h3 {
            font-weight: 300;
            padding: 0 8px;
        }

        #hama h3 {
            font-size: 24px;
        }
    }

    @media only screen and (max-width: 640px) {
        #hama .hama_top h2 {
            font-weight: 100;
            padding: 32px 16px 0;
        }

        #hama #hama_wrap p {
            font-size: 19px;
        }

        #hama #hama_wrap p {
            padding: 16px;
        }
    }