.img-respsive{
    width: 100%;
}

@media screen and (min-width:1501px){

    article {
        padding: 9vw 0 0 0px;
    }

    .web-container, .design-container{
        padding: 1vh 10vw;
        padding-top: 4vh;
    }
    .company-link{
        padding: .5em;
        border: solid 1px #9f9f9f;
    }
    .company-link i{
        font-size: 1.4em;
    }
    .cursor-pointer{
        cursor: pointer;
    }
    .web-record{
        display: grid;
        gap: 3%;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 4em;
    }
    section {
        margin-top: 70px;
    }
}
@media screen and (min-width:990px) and (max-width:1500px) {

    .web-container, .design-container{
        padding: 1vh 10vw;
        padding-top: 4vh;
    }
    .company-link{
        padding: .5em;
        border: solid 1px #9f9f9f;
    }
    .company-link i{
        font-size: 1.4em;
    }
    .cursor-pointer{
        cursor: pointer;
    }
    .web-record{
        display: grid;
        gap: 3%;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 4em;

    }
    .web-record .web-record-item{
    }
        section {
        margin-top: 70px;
    }
}