/*********************
Breakpoints
*********************/
/*********************
COLORS
*********************/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/******************
Grids
******************/
.grid-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .grid-col-2 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 24px 12px; }
    @media (min-width: 768px) {
      .grid-col-2 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 12px 24px; } }
    @media (min-width: 1024px) {
      .grid-col-2 > * {
        padding: 12px 32px; } }

.grid-col-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .grid-col-3 > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 24px 12px; }
    @media (min-width: 768px) {
      .grid-col-3 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 12px 24px; } }
    @media (min-width: 1024px) {
      .grid-col-3 > * {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
        flex: 1 0 33%;
        padding: 12px 32px; } }

.slick-slider .slick-slide {
  outline: none; }

.slick-slider .slick-dots li {
  margin: 0 1em; }
  .slick-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #fff;
    color: transparent; }
  .slick-slider .slick-dots li button:before {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #fff;
    color: transparent; }

#gallery-block .gallery {
  padding: 32px 12px; }
  @media (min-width: 1024px) {
    #gallery-block .gallery {
      padding: 64px 12px; } }
  #gallery-block .gallery__title {
    text-align: center;
    color: #124459; }
  #gallery-block .gallery__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #gallery-block .gallery__grid > * {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
      flex: 1 0 50%;
      padding: 6px; }
      @media (min-width: 768px) {
        #gallery-block .gallery__grid > * {
          padding: 18px;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; } }
    #gallery-block .gallery__grid .img {
      width: 50%; }
      @media (min-width: 481px) {
        #gallery-block .gallery__grid .img {
          width: auto;
          max-width: 200px; } }
      @media (min-width: 1340px) {
        #gallery-block .gallery__grid .img {
          max-width: unset; } }

/*# sourceMappingURL=gallery.css.map */