@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);

div {
    padding: 10px 0 10px 0;
}

body {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    background: #f0eec9;
}

h1 {
   font-weight: 800; 
}

.wrapper {
    width: 800px;
    margin:auto;
}

video {
    width: 100%;
}

.columns {
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    column-count: 2;
    column-gap: 15px;
}

.card {
    margin: 0 2px 15px;
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */
}

.card img {
    width: 100%;
}

@media only screen and (max-width: 825px) {
    .wrapper {
        width: 100%;
    }

}
    
@media only screen and (max-width: 640px) {

    .columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}