@font-face {
  font-family: 'OpenSansReg';
  font-weight: 400;
  font-style: normal;
  src: local('OpenSansReg'), url('OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSansReg';
  font-weight: 300;
  font-style: normal;
  src: local('OpenSansReg'), url('OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'BebasNeueReg';
  font-weight: 400;
  font-style: normal;
  src: local('BebasNeueReg'), url('BebasNeue-Regular.ttf') format('truetype');
}

.my-masonry-grid {
  display: -webkit-box; /* Not needed if autoprefixing */
  display: -ms-flexbox; /* Not needed if autoprefixing */
  display: flex;
  margin-left: -10px; /* gutter size offset */
  width: auto;
}
.my-masonry-grid_column {
  padding-left: 10px; /* gutter size */
  background-clip: padding-box;
}

/* Style your items */
.my-masonry-grid_column > div {
  /* change div to reference your elements you put in <Masonry> */
  background: grey;
  margin-bottom: 10px;
}