/** {
    box-sizing: border-box;
}

body {
    background-color: #f1f1f1;
    padding: 20px;
    font-family: Arial;
}*/

/* Center website */
.main {
    max-width: 100%;
    background-color: #f1dcc9;
    padding-left: 5%;
    padding-right: 5%;
}
.row {
    margin: 0;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 3px;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 30%;
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    padding: 10px 5px;
}

video {
    width: 90%;
    height: auto;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 900px) {
    .column {
        width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .column {
        width: 100%;
    }
}

.mediapic {
    padding: 0;
}

/* CSS */
.container {
    overflow:hidden;
}
.container-inner {
    position:relative;
    left:-50%;
    float:right;
}
.container-inner ul {
    position:relative;
    left:50%;
}
.container-inner li {
    display:inline;
}