.google-sans-code-cavalier {
  font-family: "Google Sans Code", monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

@font-face {
}

.div_header {
	height: 4em;
	background-color: #004aad;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 150%;
}

.div_footer {
	font-size: 75%;
	padding-top: 1em;
}

.div_msg {
	padding-top: 1em;
}

.div_alert {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #FFBF00;
}

.div_img {
	width: 100%;
	height: auto;
	float: center;
}

.center {
	margin: auto;
	text-align: center;
	width: 100%;
}

@media only screen and (width <= 400px) {
   body { 
      font-size: 1em; 
   }
   .div_footer {
	font-size: 75%;
	padding: 1vm;
}
}

@media only screen and (width > 400px) {
   body { 
      font-size: 2em; 
   }
}