*{ box-sizing: border-box;}

body, td 
        { 
        font-size: 15px; font-family:verdana; 
	    background-color: #420304;
        color: #DBCB53;

        }

        A:link, 
        A:visited 
        { 
        text-decoration: none; 
        color: #DBCB53;
        }

        A:hover 
        {  
        text-decoration: none; 
        color: #00FFFF; 
        background-color: #640709; 
        }

        #mainDiv{
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-self: center;
            align-content: center;
            min-width: 95%;
            max-width: 95%;
        }
        
        .banner {
            background-color: #420304;
            position: relative;
            width: 100%;
        }

        .banner_bg{
            position: absolute;
            width: 100%;
            height: 150px;
            z-index: 1;
            bottom: 0%;
            background-image: url("/images/school2.jpg");
            background-size: 100% 100%;
        }

        .banner_logo{
            position: relative;
            left: 75%;
            width: 225x;
            height: 225px;
            z-index: 2;
        }
        

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

            #mainDiv{
                min-width: 95vw;
                max-width: 95vw;
            }

            .banner_bg{
                background-image: none;
            }

            .banner_logo{
                left: 50%;
                z-index: 1;
            }
        }

        @media screen and (min-width: 1280px){

            .banner_bg{
                height: 100%;
                background-image: url("/images/school4.jpg");
            }
        }