header {
            
    font-size:1.0rem; 
    padding:0.7em;
    margin:0;
    height:160px;
    background-color: #2A2EE6;
    
        background-image: url('/_styles/images/header_background.svg');
        background-repeat: repeat-x;
        background-position:center; 
        background-size: 100% auto;
      /* see above */
    padding-top:0; /* see #header-group */

    }

    #header-group{
        overflow: hidden;
        padding-top:15px; 
            width:100%;
            margin-right:auto;
            margin-left:auto;
            max-width:1190px;
    }

    #header-logo {
            background:url('/_styles/images/header_logo.svg') no-repeat;
            width:125px;
            background-size:125px 125px;
            -o-background-size:125px 125px;
            -webkit-background-size:125px 125px;
            margin-right:1em;

        height:160px; 
        float: left;
    }

    #header-schoolName {
            
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 900;
font-style: normal;
font-size:2.5em;
color: #FFF;
padding-top:.3em; 

    }

    #header-schoolMotto {
            
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
font-size:1.3em;
line-height:1.0;
padding-top:0.2em;
color: #ACC2FD;

         
    }


	@media all and (max-width: 768px) {
		
		header {
			height:112px;
			font-size:0.7rem;
		}
		#header-group{
            padding-top:9.75px; 
            margin:0; 
    	}
    	
    	#header-logo {
            height:112px;
                background:url(/_styles/images/header_logo.svg) no-repeat;
                width:81.25px;
                background-size:81.25px 81.25px;
                -o-background-size:81.25px 81.25px;
                -webkit-background-size:81.25px 81.25px;
                margin-right:1em;
        }

        #header-schoolName {
                 
padding-top:0; 
; 
        }

        #header-schoolMotto {
                 
    padding-top:1.0em;
;
        }
	}