*, *:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: padding-content;
}
a {
  padding: 0;
  margin: 0;
  border: 0;
  text-decoration: none;
  display: block;
  box-sizing:content-box;}
a img {
  display: block;

}
html {
}

body {

}
img {
  width: 100%;
  height: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 1 25%; /* The important bit. This percentage decides your columns. */



  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c1 {
  order: 6;
}
.c2 {
  order: 1;
}
.c3 {
  order: 7;
}
.c4 {
  order: 10;
}
.c5 {
  order: 12;
}
.c6 {
  order: 5;
}
.c7 {
  order: 9;
}
.c8 {
  order: 4;
}
.c9 {
  order: 11;
}
.c10 {
  order: 15;
}
.c11 {
  order: 14;
}
.c12 {
  order: 3;
}
.c13 {
  order: 8;
}
.c14 {
  order: 2;
}
.c15 {
  order: 13;
}
.c16 {
  order: 16;
}
/* Set the background color of body to tan */
body {

}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  body {

  }
  .row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 1 50%; /* The important bit. This percentage decides your columns. */



  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c1 {
  order: 14;
}
.c2 {
  order: 3;
}
.c3 {
  order: 8;
}
.c4 {
  order: 13;
}
.c5 {
  order: 16;
}
.c6 {
  order: 4;
}
.c7 {
  order: 10;
}
.c8 {
  order: 5;
}
.c9 {
  order: 2;
}
.c10 {
  order: 9;
}
.c11 {
  order: 11;
}
.c12 {
  order: 6;
}
.c13 {
  order: 7;
}
.c14 {
  order: 1;
}
.c15 {
  order: 12;
}
.c16 {
  order: 15;
}
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  body {

  }
  .row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 1 100%; /* The important bit. This percentage decides your columns. */



  color: white;
  display: flex;
  align-items:flex-end;
  justify-content: center;
}
.c1 {
  order: 11;
}
.c2 {
  order: 2;
}
.c3 {
  order: 7;
}
.c4 {
  order: 10;
}
.c5 {
  order: 12;
}
.c6 {
  order: 5;
}
.c7 {
  order: 9;
}
.c8 {
  order: 3;
}
.c9 {
  order: 4;
}
.c10 {
  order: 15;
}
.c11 {
  order: 14;
}
.c12 {
  order: 6;
}
.c13 {
  order: 8;
}
.c14 {
  order: 1;
}
.c15 {
  order: 13;
}
.c16 {
  order: 16;
}
}

.image-source-link {
  color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}