/* Mobile Responsive Overrides Only; file loading is contingent on screen size */

@media (max-width: 1200px) {
    .hdrback {
        margin: auto;
        background-image: url('/assets/tom-text2.gif'), url('/assets/town-back-swath2.png');
        background-repeat: no-repeat, no-repeat;
        background-position: left 10% top 10%, center;
        background-size: 30% auto, cover;
        width: 100vw;
        height: 150px;
        position: relative;
    }
}




@media (max-width: 768px) {

    /* content that will not appear on mobile screens */
    .nomobile {
        display: none;
    }

    /* advise user that the screen size they are on might not offer all content */
    .suppressed {
        display: block;
        font-size:smaller;
        font-style:italic;
        font-weight:bold;
        color: indigo;
        text-align:center;
    }

    .principal_container {
        /*width: initial;*/
        flex-direction: column;
    }


    /* On mobile screens, the accessory column gets positioned UNDER the main column,
    so it can be wider */

    .main { width:90%}

    /* .main > #menu-search {
        display: block;
    } */

    .accessory {
            flex: 1;
            width: 90%;
            border-top: 2px dashed var(--palette-fgreen);
            margin-top: 2em;
    }
    
        
    #accy_column {
        display:none;
    }

    /* fewer columns in mobile */
    .data-grid .contactrow {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 2fr;
        border: 1px dotted indigo;
    }

    .conterm {
        display:none;
    }

}





/* Older, smaller phones */
@media (max-width: 479px) {
    .menuhv li {
        margin: 5px;
        padding:0;
    }

    /* fewer columns in mobile */
    .conoffice {
        display: none;
    }
    .data-grid .contactrow {
        display: grid;
        grid-template-columns: 1fr 1fr 2fr;
        border: 1px dotted indigo;
    }
}