@media (min-width: 801px) {
    .main-row {
        display: flex;
        min-height: 100vh;
    }

    .page-area {
        flex: 1;
    }

    .background-area {
        flex: 1;
        max-width: 50%;
        background: url(images/laptops.jpg);
        background-size: cover;
    }

    .page-slot {
        padding: 0 32px;
        max-width: 464px;
        margin-left: auto;
    }
}


@media (max-width: 800px) {
    .page-area {
        padding: 0 10px
    }
}

.social-links {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    margin: 40px auto;
}

.social-links > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-slot h1,
.page-slot h2 {
    text-align: left;
    padding-left: 0;
}

.credit {
    padding: 10px 0 32px;
}