
// Removes standard padding added by standard app page template
.about-wrapper {
    margin: -1rem;
}

// Applied a max width to company logo
.company-logo {
    max-width: 270px;
}

// Add background to the left hand column
.version-background {
    background: url('/interface_default/about/assets/images/version-background.jpg');
    background-position: center;
    background-size: cover;
    border-radius: var(--theme-rounded-corners) 0 0 var(--theme-rounded-corners);
}

// Attaches the version card to the bottom of the background column
.version-card-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    // Applies theme border radius to card
    .version-card {
        border-radius: var(--theme-rounded-corners);
    }

}

//
@media only screen and (max-width:768px) {
    .version-background {
        border-radius: var(--theme-rounded-corners) var(--theme-rounded-corners) 0 0;

        .version-card-wrapper {
            position: relative;
        }
    }
}
