@media only screen and (min-width: 601px) and (max-width: 750px) {

    #header {
        background: url(/img/header-750.jpg) top left no-repeat;
        background-size: contain;
        padding-top: 30%;
    }

    #content {
        width: 512px;
    }

    .logo-short  { display: grid !important; }
    .logo-full   { display: none !important; }
    .menu-short  { display: grid !important; }
    .menu-full   { display: none !important; }



    .photo {
        width: 512px;
        height: 340px;
        margin: auto;
    }

    #map iframe {
        width: 95%;
        height: 32rem;
    }

    form > div {
        width: 100% !important;
        margin: 0 !important;
    }

    .termslist {
        row-gap: 0.8rem !important;
    }
}