@media screen and (max-width: 640px) {

    html,
    body {
        min-width: 360px;
    }

    body {
        padding: 0;
    }

    /* a {
        background-color: transparent;
    } */



    /* .grid_container {
        display: grid;
        grid-template-columns: 0.5fr 4fr 0.5fr;

        grid-template-rows: auto;

        justify-items: stretch;
    } */

    nav {
        grid-column: 1 / 4;
        grid-row: 1 / 2;
    }

    .nav_layout {
        display: grid;
        align-items: center;
        grid-template-columns: 2;
        grid-template-rows: 1;
    }

    .logo_container {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        justify-self: start;

    }

    .logo {
        max-width: 8.2em;
        max-height: 7.1em;
        margin: 1em;
        align-self: center;
    }

    .nav_links {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        justify-self: end;
    }

    .nav_item {
        margin: 1em;
        font-size: 1.5em;
    }






    a:link,
    a:visited {
        color: #000000;
        text-decoration: none;
    }

    .nav_item a:hover {
        font-weight: bold;
    }

    .carousel {
        grid-column: 1 / 4;
        grid-row: 2 / 3;
        margin-bottom: 6em;
    }


    .title {
        margin-bottom: 1.5em;
    }


    .double_lines {
        margin-bottom: 3.5em;
    }

    /*
    .hr_1 {
        color: #000000;
        border-style: solid;
        background-color: #000000;
        height: 3px;
        width: 45%;
        margin: 0 auto;


    }

    .hr_2 {
        color: #000000;
        border-style: solid;
        background-color: #000000;
        height: 1px;
        width: 35%;
        margin: 1px auto;

    } */


    .panel {
        grid-template-rows: 0.5fr 1fr;
    }

    /* .panel_l_margin {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }

    .panel_r_margin {
        grid-column: 3 / 4;
        grid-row: 4 / 5;

    } */

    /* .panel,
    .panel_l_margin,
    .panel_r_margin {
        background-color: #A4AC86;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    } */


    .person {
        max-width: 12em;
        max-height: 12em;
    }


    .panel_pic_container {
        grid-column: 1 / 3;
        justify-self: center;
        margin: 2.5em 0 0.5em 0;

    }

    .panel_text_container {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        font-size: 1.3em;
        margin: 0.5em 2em 2em 2em;
    }

    /* .panel_pic_container,
    .panel_text_container {
        background-color: #A4AC86;
    } */


    /* h1,
    .font1,
    .button_styling,
    .input_styling,
    .input_styling::placeholder {
        font-family: Cormorant Garamond, serif;
    }
 */
    h1 {
        font-size: 2.5em;
    }



    /* 
    .font2,
    h2,
    .contactFormError {
        font-family: Josefin Sans, sans-serif;
    }



    p {
        background-color: #A4AC86;
    }

    li {
        font-family: Josefin Sans, sans-serif;
    } */

    /* .button {
        grid-column: 1 / 4;
        grid-row: 5 / 6;
        margin-top: 2em;
        margin-bottom: 2em;
        justify-self: center;
        align-self: center;
        cursor: pointer;
        display: grid;
        grid-template-columns: 1;
        grid-template-rows: 2;
        background-color: transparent;

    } */

    .button_styling {
        font-size: 1.2em;
    }

    /* 
    #olderPosts {
        justify-self: center;
        align-self: center;
    } */

    .footer {
        text-align: center;
        font-size: 1em;
        padding: 4em 1em 1em 1em;
        margin: 0;

    }
}