html,
body {
    font-family: sofia-pro, sans-serif;
    font-style: normal;
    font-weight: 500;

    height: 100%;
    padding-top: 40px;
    background-color: #f1f0f4;
    color: #737373;
}

img.help {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    width: 400px;
}

h1.page-header {
    margin-top: -5px;
}

.sidebar {
    padding-left: 0;
}

.main-container {
    min-height: calc(100vh - 161px);
    background: transparent;
    padding-top: 15px;
    margin-top: -10px;
    display: flex;
    justify-content: center;
}

.logo {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #7da0bb;
}

.logo .logo-svg {
    width: 134px;
    align-self: center;
}

.logo .logo-text h1 {
    margin-bottom: 40px;
    font-weight: 900;
}

.logo .logo-text h1 span {
    font-weight: 300;
}

.logo .middle-text h1 {
    font-weight: 900;
}

.logo .middle-text h1 span {
    font-weight: 300;
}

.logo .bottom-text h1 {
    margin: 0;
    font-weight: 300;
    color: #7da0bb;
}

.logo .bottom-text h1 a {
    margin: 0;
    font-weight: 300;
    color: #7da0bb;
    text-decoration: none;
}

.logo .bottom-text h1 a:hover {
    font-weight: 900;
    color: #7da0bb;
    text-decoration: none;
}