@font-face {
  font-family: 'ROME';
  font-weight: 400;
  font-style: normal;
  src: local('ROME'), url('EuclidCircularA-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'ROME';
  font-weight: 500;
  font-style: normal;
  src: local('ROME'), url('EuclidCircularA-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'ROME';
  font-weight: 600;
  font-style: normal;
  src: local('ROME'), url('EuclidCircularA-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'ROME';
  font-weight: 700;
  font-style: normal;
  src: local('ROME'), url('EuclidCircularA-Bold.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;
}