section {
    padding: 5em 0;
}

section .container {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

    section h1 {
        font-size: 1.9em;
        font-weight: 500;
        color: #000;
        width: 100%;
        margin-bottom: 1.3em;
        display: block;
        text-align: center;
    }
    section .body-content {
        max-width: 50em;
    }
        section .body-content ul {
            width:100%;
            padding:0;
        }

        section .body-content li {
            color: rgba(0,0,0,0.9);
            display: block;
            padding:0.3em 0;
            width: 100%;
            text-align: center;
            font-size: 1em;
            font-weight: 200;
        }
        section .body-content a{
            font-weight:300;
        }
        section h2 {
            font-size: 1.2em;
            font-weight: 300;
            color: red;
            width: 100%;
            margin-top: 2em;
            margin-bottom: 1em;
            display: block;
            text-align: center;
        }
section p {
    color: rgba(0,0,0,0.9);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.05em;
    font-weight: 200;
}


    section#section-hamta .row{
        justify-content:center;
        width:100%;
    }
    section#section-hamta .hamta-item {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: start;
    }
    section#section-hamta .hamta-item a{
        display:inline-block;
        text-align:center;
        text-decoration:none;
        color:#141414;
        transform:scale(1);
        font-size:1em;
        padding:1em;
        border-radius:0.4rem;
        font-weight:400;
    }
        section#section-hamta .hamta-item a:hover {
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
            transform: scale(1.05);
        }
        section#section-hamta .hamta-item a > img{
            margin-top:0.5em;
            width:100%;
            max-width:10em;
        }







@media (max-width:1200px) {
    section#section-hamta .hamta-item{
        
    }
}

@media (max-width:992px) {
    section#section-hamta .hamta-item {
        width: 25%;
        margin-bottom: 3em;
    }
}

@media (max-width:768px) {
    section#section-hamta .hamta-item {
        width: 33%;
    }
}

@media (max-width:576px) {
    section#section-hamta .hamta-item {
        width: 50%;
    }
}