#main {
    width: auto;
    max-width: 1200px;
    height: 100%;
    margin: auto;
    margin-top: 70px;
    display: flex;
    flex-direction: column;
}

.box-row {
    /*background: #eee;*/
    /*background: white;*/
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.box-column {
    /*background: #eee;*/
    /*background: white;*/
    margin: auto;
    margin-top: 50px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.boxcontent {
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.link {
    display: flex;
    flex-direction: row;
    justify-content: right;
}

.link a {
    text-decoration: none;
    color: white;
}

.link a:hover {
    text-decoration: underline;
}

.separator {
    height: 1px;
    width: auto;
    background: #333;
}

@media screen and (max-width:500px) {
    .box-row {
        flex-direction: column;
    }
}