.wrapper, html, body {
    height: 100%;
    margin: 0;
}
.wrapper {
    display: flex;
    flex-direction: column;
}

.main-row {

}

.col-7.main-left {
    padding: 80px;
    background-color: #F8F9F6;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.main-left a:link {
    color: #194d32;
}
.main-left a:visited {
    color: #194d32;
}
.main-left ul {
    list-style: none;
}

.col-5.main-right {
    padding: 80px;
    color: white;
    font-size: 22px;
    text-align: center;
    background-color: #194d32;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.main-right a:link {
    color: white;
    text-decoration: none;
}
.main-right a:visited {
    color: white;
    text-decoration: none;
}
.main-right hr {
    display: block;
    height: 3px;
    border: 0;
    border-top: 3px solid white;
    margin: 1em 0;
    padding: 0;
}

.footer-row {
    padding: 40px 80px 10px 80px;
    background-color: #A0C1B9;
    min-height: 80px;
}