html {
    height: 98%;
}          
body {
    min-height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}


body::after {
    content: '';
    display: block;
    height: 50px; /* Set same as footer's height */
}

.title {
	color: #003057;
	padding-top: 60px; 
}

.charter-text {
	color: #003057;
}
.charter-link {
	color: #0099D8;
}

.charter-link:hover {
	color: #003057;
	text-decoration: none;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: small;
}