section.full-width {
  width: 300%;
  margin-left: -100%;
}
section.full-width .chaco-gallery .container {
  position: relative;
  max-width: 100vw;
  min-width: 920px;
  margin: 0 auto;
}
.chaco-gallery .container {
  position: relative;
  max-width: 100vw;
  height: 36vw;
}

.chaco-gallery .container .grid-square {
  position: absolute;
  width: 5vw;
  height: 5vw;
  opacity: 0.8;
}

.chaco-gallery .container .grid-square:nth-of-type(1), .chaco-gallery .container .grid-square:nth-of-type(2) {
  width: 7.8vw;
  height: 7.8vw;
}

.chaco-gallery .container .grid-square:nth-of-type(3), .chaco-gallery .container .grid-square:nth-of-type(4) {
  width: 9vw;
  height: 9vw;
}

.chaco-gallery .container .grid-square:nth-of-type(5), .chaco-gallery .container .grid-square:nth-of-type(6) {
  width: 10.9vw;
  height: 10.9vw;
}

.chaco-gallery .container .grid-square:nth-of-type(7) {
  width: 12.5vw;
  height: 12.5vw;
}

.chaco-gallery .container .grid-square:nth-of-type(8), .chaco-gallery .container .grid-square:nth-of-type(9), .chaco-gallery .container .grid-square:nth-of-type(10) {
  width: 18.2vw;
  height: 18.2vw;
}

.chaco-gallery .container .grid-square:nth-of-type(1) {
  left: 18.5vw;
  top: 7vw;
}

.chaco-gallery .container .grid-square:nth-of-type(2) {
  right: 18.5vw;
  top: 7vw;
}

.chaco-gallery .container .grid-square:nth-of-type(3) {
  right: 29vw;
  bottom: 5vw;
}

.chaco-gallery .container .grid-square:nth-of-type(4) {
  left: 5vw;
  top: 3vw;
}

.chaco-gallery .container .grid-square:nth-of-type(5) {
  left: 0;
  bottom: 10vw;
}

.chaco-gallery .container .grid-square:nth-of-type(6) {
  left: 33vw;
  top: 0;
}

.chaco-gallery .container .grid-square:nth-of-type(7) {
  right: 0;
  top: 2vw;
}

.chaco-gallery .container .grid-square:nth-of-type(8) {
  left: 18.5vw;
  bottom: 0;
}

.chaco-gallery .container .grid-square:nth-of-type(9) {
  left: 51vw;
  top: 0;
}

.chaco-gallery .container .grid-square:nth-of-type(10) {
  right: 0;
  bottom: 0;
}

.gallery-wrapper {
  visibility: hidden;
}

/* Prevents :hover from triggering in the gaps between items */
.gallery-wrapper > * {
  visibility: visible;
}

/* Brings the child items back in, even though the parent is `hidden` */
.gallery-wrapper > * {
  transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms;
}

/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */
.gallery-wrapper:hover > * {
  opacity: 0.4;
  transform: scale(0.9);
}

/* Fade out all items when the parent is hovered */
.gallery-wrapper > *:hover {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0ms, 0ms;
}

/* Fade in the currently hovered item */
.chaco-gallery .text {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.chaco-gallery .text h1 {
  font-size: 5vw;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}

.chaco-gallery .text h1 .orange {
  color: #f65024;
}

.chaco-gallery .text h1 .blue {
  color: #66c0d5;;
}

.chaco-gallery .text h1 .brush {
  display: block;
  font-family: coalbrush-italic, papyrus, fantasy;
  font-weight: 100;
  color: #123b47;
}

.chaco-gallery .text p {
  color: #123b47;
  max-width: 24em;
  margin: 1em auto;
}

.chaco-gallery .text .cta {
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  background: #123b47;
  color: #fff;
  padding: 0.75em 3em;
  cursor: pointer;
  transition: all 0.3s ease;
}
.chaco-gallery .text .cta a {
  color: #fff;
}
.chaco-gallery .text .cta:hover{
  opacity: 0.8;
}
/*
.chaco-gallery .text .cta:hover {
  background: #f0381c;
}
*/