@media screen and (min-width:1100px) {
    #cert_frame{
        margin-top: 2em;
        width: 80%;
        height: 50em;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 45% 45%;
        grid-row-gap: 4em;
        grid-column-gap: 2em;
    }

    .cert_frame_div2_title{
        width: 100%;
        font-size: 2rem;
        font-weight: 800;
        color: #0a0044;
    }

    .cert_frame_div2_subtitle{
        margin-top: 1em;
        width: 100%;
        font-size: .9rem;
        letter-spacing: .1em;
    }

    #our_cert{
        font-weight: 800;
        font-size: 2.5rem;
        margin-top: 2em;
        color: #0a0044;
        margin-bottom: 1em;
    }

    #our_cert_img{
        width: 80%;
        height: 25em;
        display: grid;
        grid-template-columns: 20% 20% 20% 20%;
        grid-column-gap: 2em;
        margin-bottom: 1em;
    }
}





@media screen and (max-width:1100px) {
    #cert_frame{
        margin-top: 2em;
        width: 80%;
        height: 300em;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 15% 30% 15% 30%;
        grid-row-gap: 4em;
        grid-column-gap: 2em;
    }

    .cert_frame_div2_title{
        width: 100%;
        font-size: 6rem;
        font-weight: 800;
        color: #0a0044;
    }

    .cert_frame_div2_subtitle{
        margin-top: 1em;
        width: 100%;
        font-size: 3rem;
        letter-spacing: .1em;
    }

    #our_cert{
        font-weight: 800;
        font-size: 6rem;
        margin-top: 2em;
        color: #0a0044;
        margin-bottom: 1em;
    }

    #our_cert_img{
        width: 80%;
        height: 110em;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 45% 45%;
        grid-column-gap: 10%;
        grid-row-gap: 10%;
        margin-bottom: 1em;
    }
}