@charset "utf-8";
html {
    height: 100%;
}
body {
    font-family: "Titillium Web", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #31373b;
    min-height: 100%;
    position: relative;
}
.disclaim {
    font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
}
body {
    font-size: 1.05rem;
	display: flex;
	flex-direction: column;
} 
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: calc(16px + (23 - 16) * ((100vw - 300px) / (1600 - 300)));
}
h2, .h2 {
    font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));
}
h1, .h1 {
    font-size: calc(27px + (40 - 27) * ((100vw - 300px) / (1600 - 300)));
}
a {
    color: #008457;
	font-weight: bold;
}
a:hover {
    color: #003825;
}
.wrapper {
	min-height: 100vh;
}
main {
	flex-grow: 1;
	background-image: url("../images/redirect-image.jpg");
	background-position: bottom right;
	background-size: contain;
	background-color: #fafbfd;
	background-repeat: no-repeat;
}

.app-navbar {
    border-bottom: 1px solid #fff;
    border-bottom-width: 1px;
    padding: 0 10px;
    position: fixed;
    background-color: #004b36;
    height: 62px;
    right: 0;
    left: 0;
    z-index: 1200;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.app-navbar .app-logo .btn {
    line-height: 1;
}
.app-navbar img {
    width: 175px;
    margin-left: 2.8rem;
}
.app-footer {
    padding-top: 20px;
    color: #fff;
}
.footer_container {
    background-color: #4e534b;
    padding: 40px 10%;
    background-position: center left;
    color: #fff;
    background-repeat: no-repeat;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.footer_container .links {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .app-navbar img {
        width: 125px;
        margin-left: 2.5rem;
    }
}
