.login-wrapper{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items:center;
    padding-top:var(--container-gutter);
    padding-bottom:var(--container-gutter);
}
.login-wrapper .image-wrapper{
    height:100%;
    width:100%;
}
.login-wrapper .image-wrapper img{
    object-fit: cover;
    height:100%;
    width:100%;
}

.login-content{
    padding:16px 0;
}
.login-content .button{
    width:100%;
}
@media screen and (min-width: 741px) {

    .login-wrapper{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items:center;
        padding-top:var(--container-gutter);
        padding-bottom:var(--container-gutter);
    }
    .login-content{
        padding:48px;
    }
    .login-content .button{
        width:auto;
    }
}
h1,h2,h3,h4{
    font-family: var(--heading-font-family);
    font-weight: 500;
    margin-bottom:0;
}
h1 em, h2 em, h3 em, h4 em {
    font-family: 'Source Serif Pro';
}

h1{
    font-size: var(--heading-h1-font-size);
    letter-spacing: -0.9px;
    line-height: 1.11111;
}
h2{
    font-size: var(--heading-h2-font-size);
    letter-spacing: -0.6px;
    line-height: 1.13333;
}
h3{
    font-size: var(--heading-h3-font-size);
    letter-spacing: -0.4px;
    line-height: 1.15385;
}
h4{
    font-size: var(--heading-h4-font-size);
    letter-spacing: -0.3px;
    line-height: 1.16667; 
}