html, body {
	background-color: #375F72;
	height: 100%;
}

.container-fluid {
	height: 100%;
}

.main-content {
	min-height: 100%;
}

.header img {
	max-width: 100%;
}

.desc {
	color: white;
	text-align: justify;
}

.links ul{
	width: max-content;
    margin: 0 auto;
    padding-left: 1.5rem;
}

.links li {
	text-align: left;
}

.links a{
	color: #E46800;
}

.links a:hover{
	color: #A14A00
}

.links img {
	position: relative;
	max-height: 20px;
	left: 2px;
	bottom: 2px;
}

.main-content > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.main-content > [class*="col-"] > .row {
    flex: 0 0 auto; /* header, description, links keep natural height */
}

.main-content > [class*="col-"] > .footer {
    flex: 1 1 auto;
    max-height: none;
    align-content: end;
}