.pinboard{
  margin-left: auto;
  margin-right: auto;
}
.pinboard.relatedpins{
  max-width: 1040px;
}
@media screen and (max-width: 519px) {
    .pinboard {
        width: 260px
    }

    .pinboard.gridWidth {
        width: 256px
    }
}
@media (min-width: 520px) and (max-width: 779px) {
    .pinboard {
        width: 520px
    }

    .pinboard.gridWidth {
        width: 496px
    }
}

@media (min-width: 780px) and (max-width: 1039px) {
    .pinboard {
        width: 780px
    }

    .pinboard.gridWidth {
        width: 756px
    }
}

@media (min-width: 1040px) and (max-width: 1299px) {
    .pinboard {
        width: 1040px
    }

    .pinboard.gridWidth {
        width: 1016px
    }
}

@media (min-width: 1300px) and (max-width: 1559px) {
    .pinboard {
        width: 1300px
    }

    .pinboard.gridWidth {
        width: 1276px
    }
}

@media (min-width: 1560px) and (max-width: 1819px) {
    .pinboard {
        width: 1560px
    }

    .pinboard.gridWidth {
        width: 1536px
    }
}

@media (min-width: 1820px) and (max-width: 2079px) {
    .pinboard {
        width: 1820px
    }

    .pinboard.gridWidth {
        width: 1796px
    }
}

@media (min-width: 2080px) and (max-width: 2339px) {
    .pinboard {
        width: 2080px
    }

    .pinboard.gridWidth {
        width: 2056px
    }
}

@media (min-width: 2340px) and (max-width: 2599px) {
    .pinboard {
        width: 2340px
    }

    .pinboard.gridWidth {
        width: 2316px
    }
}

@media (min-width: 2600px) and (max-width: 2859px) {
    .pinboard {
        width: 2600px
    }

    .pinboard.gridWidth {
        width: 2576px
    }
}