* {
    box-sizing: border-box;
}
header {
            display: block;
            width: 100%;
            background-color: #1ca16a;
            margin-bottom: 8px;
        }
img#logo {
            height: 90px;
            margin:0;
        }
        #hdrlft > img {
            display:block;
            margin-left:auto;
            margin-right:auto;
            margin-top: 10px;
            width:50px;
            border: 2px solid #000;
            border-radius: 15px;
        }
nav.btn {
            width: 30px;
        }
nav {
            position: relative;
            left: 5%;
        }
        nav > a {
            display: inline-block;
            width: calc(90%/4);
        }
        nav > a:link {
            text-decoration: none;
        }
        nav > ul {
            margin: 8px;
        }
        nav > ul {
            margin: 8px;
        }
.menuBtn {
            display: block;
            background-color: #1ca16a;
            width: 30px;
            height: 2px;
            margin-bottom: 1px;
        }
        #menu {
            display: none;
        }
        #menu > ul > li {
            position: relative;
            left: 26px;
            width: 100%;
            margin-bottom: 0;
        }
        ul#menu > li > a:active {
            background-color: aquamarine;
            color: #000;
        }
        .midSec {
            margin-left: 10px;
            min-height: 350px;
        }
        .searchFrm {
            margin-top: 40px;
            margin-left: 0px;
            border: 2px, double, #1ca16a;
            border-radius: 5px;
            padding: 20px;
            width: 90%;
        }
        .srchSpanLft {
        display:block;
        width: calc(100 - 20)VW;
        margin-left: 0;
        }
        .srchSpanRt {
            display: relative;
            margin-left: -12px;
        }
        input[name="unit"] {
            display: block;
            width: 100%;
            margin-left: 0;
            margin-right: auto;
        }
        input[name="name"] {
            display:block;
            width: 100%;
            margin-left: 0;
            margin-bottom: 4px;
        }
        footer {
            display: block;
            width: 100%;
            background-color: #1ca16a;
            padding: 6px;
            height: 200px;
        }
        .frmErr {
            color: red;
        }
        #siteby {
            margin-top: 20px;
            text-align: center;
        }
        form#signup {
            width: max(70%, 400px);
        }
        #signup > input {
            width: 100%;
            margin-bottom: 5px;
        }

@media screen and (min-width: 640px){
    #columnlft {
        width: 70%;
    }
    .srchSpanLft {
        display:inline-block;
        width: 28%;
    }
    input[name="unit"] {
        display:block;
        width: 86%;
    }
    input[name="name"] {
        display:block;
        width: 86%;
        margin-bottom: 4px;
    }
    input[name="submit"] {
        display:block;
        width: 86%;
    }
    #columnrt {
        width: 30%;
    }
    .srchSpanRt {
        display:inline-block;
        position: relative;
        width: calc(99% - 28%);
        top: -10px
        margin-left: -10px;
        padding: 10px;
        vertical-align: auto;
        border: 2px solid rgb(206, 206, 206)
;
    }
    #menu {
        display: block;
    }
    #menu > li {
        display: inline-block;
        width: calc(100%/6);
    }
    nav.btn {
        display: none;
    }
}