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

    nav{
        width: 100%;
    }


    .navTop{
        gap: 10px;
    }

    .navBottom{
        padding-top: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        /* height:35pt; */
        width: 100vw;
        background-color: #0009 ;
        color: #FFF;
        font-size: 18pt;
        text-align: center;
        top: 0px;
    }

    .navBottom>.contactIcons{
        gap: 10px;
    }

    .navBottom>.contactIcons>a{
        justify-content: center;
    }


    .logoOuter{
        display: none;
    }

    .navTop{
        height: auto;
        width: 100%;
        flex-direction: column;
    }

    .galleryShort>.galleryThumb{
        height: 150px;
    }

    .flexRow{
        flex-direction: column;
    }


    .flexTriple{
        gap: 20px;
    }

    .flexTriple > div{
        width: 100%;
    }

    .flexShaded>.contain{
        padding: 20px;
        font-size: 20pt;
    }

    .flexFull.backgroundImg{
        min-height: 200px;
        
    }

    footer{
        flex-direction: column;
    }

    footer>span>p{
        font-size: 12pt;
    }
}