@media only screen and (min-width: 600px) {
    /**body**/
        body {
            background-size: 80%;
            background-repeat:repeat;
        }

        button {
            padding: 0.6rem 1rem;
            font-size: 1.4rem;
            letter-spacing: -.06rem;
        }

    /**body end**/   
    
    /**header**/
    /*dropdown*/
        .off-screen-menu {
            padding-right: 6rem;
        }

        .off-screen-menu li {
            font-size: 2rem;
        }
    /*nav*/
        nav {
            padding: 2rem 6rem;
        }
    /**header end**/
    
    /**overlay**/
        .overlay {
            height: 300rem;
            padding: 2rem 6rem;
        }

        .overlay-close {
            top: 4rem;
        }

        .overlay h1 {
            margin-top: 5rem;
        }

        .overlay-border {
            margin-top: 2rem;
        }

        .overlay-border button {
            right: 3rem;
            bottom: 2rem;
        }

        .overlay-img-frame {
            height: 60vw;
            width: 60vw;
            max-height: 25rem;
            max-width: 25rem;
        }

        .overlay-p-border {
            height: auto;
            width: 60vw;
            margin-top: 1rem;
            margin-left: auto;
            margin-right: auto;
            max-width: 25rem;
        }

    /**overlay end**/

    /**frames**/
        .frame-container {
            padding: 6rem;
            
        }


    /*introduction*/
        .plaque p {
            font-size: small;
            letter-spacing: -.02rem;
            line-height: .95rem;
        }


    /*diploma*/
        .diploma-frame {
            height: 22rem;
            width: 16rem;
            margin-left: 0;
        }


    /*frame one*/
        .frame-one {
            max-width: 25rem;
            max-height: 25rem;
            margin-right: 0;
        }
        .inner-frame {
            max-width: 20rem;
            max-height: 20rem;
        }

    /*frame one button*/
        .frame-one-button-div {
            margin-right: 0;
        }
        

    /*frame two*/
        .frame-two {
            width: 18rem;
            height: 24rem;
        }

        .content-two {
            width: 12rem;
            height: 16rem;
        }


    /*frame three*/
        .frame-three {
            height: 30rem;
        }

        .content-three-flex-two {
            display: flex;
        }

    /*frame three button*/
        .frame-three-button-div {
            margin-right: 0; 
        }

        .button-design {
            margin-right: 0;
        }


    /*art general*/
        .art-border {
            padding: 0.2rem;
        }


    /*art one*/
        .art-position-one {
            height: 48vw;
            width: 38vw;
        }


    /*art two*/
        .art-position-two {
            height: 20vw;
            width: 30vw;
        }


    /*art three*/
        .art-position-three {
            margin-right: 0;
            margin-top: -4rem;
            height: 20rem;
            width: 15rem;
        }


    /*art four*/
        .art-position-four {
            width: 24rem;
            height: 18rem;
        }
    /**frames end**/
    

    /**contact**/
    /*contact form**/
        .contact-container {
            max-width: 30rem;
        }

        .inside-frame-l {
            padding: 3rem;
        }


    /**footer**/ 
        footer {
            padding: 4rem 6rem;
        }
    /**footer end**/   
        

}