div.content {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	width: 100%;

	gap: 1rem;

	/*height: 100%;*/

}

h1, h32, p {

	text-align: center;

	margin-block: 0;

}



div.logo {

	height: 30vh;

	width: 30vh;

	aspect-ratio: 1/1;



	svg {

		height: 30vh;

		width: 30vh;

		aspect-ratio: 1/1;

		fill: #003366;

		stroke: #003366;

	}

}



body {

	font-family: 'Roboto', sans-serif;

	color: #003366;

	/*background-color: #d77933;*/

	display: grid;

	grid-template-columns: 1fr;

	grid-template-rows: auto max-content;

	height: 100vh;

}



div.info {

	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-template-rows: auto auto;

	grid-template-areas:

		"info info"

		"phone email"

	;

	place-items: center;

	text-align: center;

	h4 { grid-area: info; }

	h3.phone { grid-area: phone; }

	h3.email { grid-area: email; }

	h4 { margin-block: 0; }

}