@font-face {
    font-family: OpenSansLight;
    src: local("OpenSansLight"), url("/OAuthServer-web/javax.faces.resource/fonts/OpenSans/OpenSans-Light.ttf.jsf") format("truetype");
}

#head {
	padding-top: 0px;
	height: 30px;
	background-color: #354052;
	color: #8590a2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.SEDE-ELECTRONICA-NOT {
	font-family: OpenSansLight;   
	font-size: calc(0.6rem + 1vmin);
	letter-spacing: calc(0.3rem + 1vmin);   
	color: #ffffff;
}

#sub-head {
	padding-top: 0px;
	height: 102px;
	background-color: #1976d2;
	display: flex;
	align-items: center;
}

#sub-head img {
	margin-left: 4vw;
}

@media only screen and (max-width: 480px) {
    #head {
      /**  
      width: -moz-calc(100% - 14px -14px);
      width: calc(100% - 14px - 14px);
      **/
        height: -moz-calc(60px - 5px - 6px);
        height: calc(60px - 5px - 6px);
        font-size: inherit;
        padding: 5px 14px 6px 14px;
    }
}