/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: globals/globals
******************************************************************/
/*********************
COLOURS
*********************/
/*********************
IMPORT FONTS
*********************/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;800&display=swap");
/*********************
FONT STACKS
*********************/
/*********************
REALLY USEFUL VARIABLES
*********************/
:root {
  --container-margin: clamp(1.25rem, -1.2500rem + 8.3333vw, 6.25rem);
  --block-margin: clamp(1.25rem, -1.2500rem + 8.3333vw, 6.25rem);
  --small-margin: clamp(1.25rem, 0.6250rem + 2.0833vw, 2.5rem);
  --med-margin: clamp(1.5625rem, 0.7813rem + 2.6042vw, 3.125rem);
}
@media only screen and (min-width: 600px) {
  :root {
    --container-margin: clamp(1.25rem, -1.2500rem + 8.3333vw, 6.25rem);
  }
}
@media only screen and (min-width: 1440px) {
  :root {
    --ultrawide-margin: calc((100vw - 1440px) / 2);
  }
}

/*********************
GRID
*********************/
:root, .edit-post-layout.is-sidebar-opened {
  --col-width: calc( ( 100vw - (var(--container-margin) * 2) ) / 12 );
}
@media only screen and (min-width: 1920px) {
  :root, .edit-post-layout.is-sidebar-opened {
    --col-width: calc( ( 1920px - (var(--container-margin) * 2) ) / 12 );
  }
}

:root, .edit-post-layout.is-sidebar-opened {
  --col-1: calc(var(--col-width) * 1);
  --col-2: calc(var(--col-width) * 2);
  --col-3: calc(var(--col-width) * 3);
  --col-4: calc(var(--col-width) * 4);
  --col-5: calc(var(--col-width) * 5);
  --col-6: calc(var(--col-width) * 6);
  --col-7: calc(var(--col-width) * 7);
  --col-8: calc(var(--col-width) * 8);
  --col-9: calc(var(--col-width) * 9);
  --col-10: calc(var(--col-width) * 10);
  --col-11: calc(var(--col-width) * 11);
  --col-12: calc(var(--col-width) * 12);
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: globals/helpers
******************************************************************/
/*********************
CONTAINER
*********************/
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

#container {
  padding: 0 var(--container-margin);
  max-width: 1440px;
  margin: 0 auto;
}

/*********************
FULL BLEED
*********************/
.alignfull {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  padding: 0 var(--container-margin);
}
@media only screen and (min-width: 1440px) {
  .alignfull {
    padding: 0 calc(var(--ultrawide-margin) + var(--container-margin));
  }
}

.aspect-ratio-1-1 {
  aspect-ratio: 1;
}

.aspect-ratio-3-2 {
  aspect-ratio: 3/2;
}

.aspect-ratio-4-3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-16-9 {
  aspect-ratio: 16/9;
}

/*********************
RESETS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

/*********************
HELPERS
*********************/
.fade-in {
  opacity: 1 !important;
  transition: all 0.25s ease-in-out, opacity 1s ease-in-out !important;
}

.is-style-responsive img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

body.no-scroll {
  overflow: hidden !important;
}

.has-small-bottom-margin {
  margin-bottom: var(--small-margin) !important;
}

.has-large-bottom-margin {
  margin-bottom: var(--block-margin) !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-border, .no-border a {
  border-bottom: 0 !important;
}

.justify-left {
  text-align: left;
}

.justify-right {
  text-align: right;
}

.justify-center {
  text-align: center;
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: globals/typography
******************************************************************/
/*********************
DEFAULT TYPOGRAPHY
*********************/
#container, .editor-styles-wrapper {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.has-light-font-weight, .is-style-light, .has-light-font-weight a {
  font-weight: 300 !important;
}

.has-regular-font-weight, .is-style-regular, .has-regular-font-weight a {
  font-weight: 5400 !important;
}

b, strong, .has-strong-font-weight, .is-style-bold, .has-strong-font-weight a {
  font-weight: 800 !important;
}

i, em, .has-italic-font-style {
  font-style: italic;
}

.has-normal-font-style {
  font-style: normal;
}

.is-style-uppercase, .uppercase {
  text-transform: uppercase;
}

.is-style-superscript, .superscript {
  text-transform: uppercase;
}

/*********************
TYPE SIZES 
*********************/
#container, .editor-styles-wrapper {
  --small-font-size: 1.25rem;
  --body-font-size: clamp(1.125rem, 0.9375rem + 0.6250vw, 1.5rem);
  --large-font-size: clamp(1.5rem, 0.8438rem + 2.1875vw, 2.8125rem);
  --hero-font-size: clamp(4.063rem, -0.1555rem + 14.0617vw, 12.5rem);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
#container .has-small-font-size, .editor-styles-wrapper .has-small-font-size {
  font-size: var(--small-font-size);
  line-height: 1;
  letter-spacing: 0.02em;
}
#container .has-body-font-size, .editor-styles-wrapper .has-body-font-size {
  font-size: var(--body-font-size);
  line-height: 1.625;
  letter-spacing: 0.01em;
}
#container .has-large-font-size, .editor-styles-wrapper .has-large-font-size {
  font-size: var(--large-font-size);
  line-height: 1.333;
  letter-spacing: 0.01em;
}
#container .has-hero-font-size, .editor-styles-wrapper .has-hero-font-size {
  font-size: var(--hero-font-size);
  line-height: 0.85;
}
#container h1, #container h2, #container h3, #container h4, #container h5, .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5 {
  font-size: var(--small-font-size);
  font-weight: 800;
  margin: 0;
}
#container p, .editor-styles-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 0;
  margin-top: 0;
  margin-bottom: 1em;
}
#container p:last-child, .editor-styles-wrapper p:last-child {
  margin-bottom: 0;
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/header
******************************************************************/
header.site-header {
  background: #054632;
  padding-top: var(--block-margin);
  padding-bottom: calc(var(--block-margin) * 2);
}
header.site-header .logo-container {
  text-align: right;
}
header.site-header .logo-container .logotype {
  width: 30px;
  margin-bottom: var(--small-margin);
}
@media only screen and (min-width: 960px) {
  header.site-header .logo-container .logotype {
    width: 60px;
    margin-top: 0.833vw;
    float: right;
    margin-bottom: 0;
  }
}
header.site-header .site-title {
  color: #E2E5AE;
  margin-top: var(--block-margin) !important;
}
@media only screen and (min-width: 960px) {
  header.site-header .site-title {
    float: left;
    margin-top: calc(var(--block-margin) * -1) !important;
    transform: translateY(50%);
  }
}
header.site-header .header-animation .word {
  display: block;
  width: 100%;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
header.site-header .header-animation .word.one {
  text-align: left;
  color: #C9D748;
  animation-name: one;
}
header.site-header .header-animation .word.two {
  text-align: left;
  color: #C9D748;
  animation-name: two;
}
header.site-header .header-animation .word.three {
  text-align: right;
  color: #C9D748;
  animation-name: three;
}
header.site-header .header-animation .word.four {
  text-align: left;
  color: #E2E5AE;
  animation-name: four;
}
header.site-header .header-animation .word.five {
  text-align: left;
  color: #E2E5AE;
  animation-name: five;
}
header.site-header .header-animation .word.six {
  text-align: right;
  color: #E2E5AE;
  animation-name: six;
}
@keyframes one {
  0% {
    text-align: left;
    color: #C9D748;
  }
  12% {
    text-align: left;
    color: #C9D748;
  }
  24.999% {
    color: #C9D748;
  }
  25% {
    text-align: left;
    color: #E2E5AE;
  }
  37% {
    text-align: left;
    color: #E2E5AE;
  }
  50% {
    text-align: left;
    color: #E2E5AE;
  }
  61.999% {
    color: #E2E5AE;
  }
  62% {
    text-align: left;
    color: #C9D748;
  }
  75% {
    text-align: left;
    color: #C9D748;
  }
  87% {
    text-align: left;
    color: #C9D748;
  }
  100% {
    text-align: left;
    color: #C9D748;
  }
}
@keyframes two {
  0% {
    text-align: left;
    color: #C9D748;
  }
  11.999% {
    color: #C9D748;
  }
  12% {
    text-align: right;
    color: #E2E5AE;
  }
  25% {
    text-align: right;
    color: #E2E5AE;
  }
  37% {
    text-align: right;
    color: #E2E5AE;
  }
  50% {
    text-align: right;
    color: #E2E5AE;
  }
  62% {
    text-align: right;
    color: #E2E5AE;
  }
  74.999% {
    color: #E2E5AE;
  }
  75% {
    text-align: right;
    color: #C9D748;
  }
  87% {
    text-align: left;
    color: #C9D748;
  }
  100% {
    text-align: left;
    color: #C9D748;
  }
}
@keyframes three {
  0% {
    text-align: right;
    color: #C9D748;
  }
  12% {
    text-align: right;
    color: #C9D748;
  }
  25% {
    text-align: left;
    color: #C9D748;
  }
  36.999% {
    color: #C9D748;
  }
  37% {
    text-align: left;
    color: #E2E5AE;
  }
  50% {
    text-align: left;
    color: #E2E5AE;
  }
  62% {
    text-align: left;
    color: #E2E5AE;
  }
  75% {
    text-align: left;
    color: #E2E5AE;
  }
  87% {
    text-align: left;
    color: #E2E5AE;
  }
  99.999% {
    color: #E2E5AE;
  }
  100% {
    text-align: right;
    color: #C9D748;
  }
}
@keyframes four {
  0% {
    text-align: left;
    color: #E2E5AE;
  }
  12% {
    text-align: left;
    color: #E2E5AE;
  }
  24.999% {
    color: #E2E5AE;
  }
  25% {
    text-align: left;
    color: #C9D748;
  }
  37% {
    text-align: left;
    color: #C9D748;
  }
  50% {
    text-align: left;
    color: #C9D748;
  }
  61.999% {
    color: #C9D748;
  }
  62% {
    text-align: left;
    color: #E2E5AE;
  }
  75% {
    text-align: left;
    color: #E2E5AE;
  }
  87% {
    text-align: left;
    color: #E2E5AE;
  }
  100% {
    text-align: left;
    color: #E2E5AE;
  }
}
@keyframes five {
  0% {
    text-align: left;
    color: #E2E5AE;
  }
  11.999% {
    color: #E2E5AE;
  }
  12% {
    text-align: left;
    color: #C9D748;
  }
  25% {
    text-align: left;
    color: #C9D748;
  }
  37% {
    text-align: left;
    color: #C9D748;
  }
  50% {
    text-align: right;
    color: #C9D748;
  }
  62% {
    text-align: right;
    color: #C9D748;
  }
  74.999% {
    color: #C9D748;
  }
  75% {
    text-align: right;
    color: #E2E5AE;
  }
  87% {
    text-align: right;
    color: #E2E5AE;
  }
  100% {
    text-align: right;
    color: #E2E5AE;
  }
}
@keyframes six {
  0% {
    text-align: right;
    color: #E2E5AE;
  }
  12% {
    text-align: right;
    color: #E2E5AE;
  }
  25% {
    text-align: right;
    color: #E2E5AE;
  }
  36.999% {
    color: #E2E5AE;
  }
  37% {
    text-align: right;
    color: #C9D748;
  }
  50% {
    text-align: right;
    color: #C9D748;
  }
  62% {
    text-align: right;
    color: #C9D748;
  }
  75% {
    text-align: right;
    color: #C9D748;
  }
  87% {
    text-align: right;
    color: #C9D748;
  }
  99.999% {
    color: #C9D748;
  }
  100% {
    text-align: right;
    color: #E2E5AE;
  }
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/about
******************************************************************/
section.about {
  background: #054632;
  padding-bottom: calc(var(--block-margin) * 2);
  color: #E2E5AE;
}
section.about .about-text {
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 600px) {
  section.about .about-text {
    display: flex;
  }
}
@media only screen and (min-width: 600px) {
  section.about .about-text .column:first-child {
    width: 33%;
    max-width: 33%;
    min-width: 33%;
    padding-right: var(--small-margin);
  }
}
section.about .about-text .column .jump-link .text {
  display: inline-block;
  font-size: var(--small-font-size);
  font-weight: 800;
  color: #E2E5AE;
  border-bottom: 1px solid #E2E5AE;
  transition: all 0.25s ease-in-out;
}
section.about .about-text .column .jump-link .arrow {
  display: inline-block;
  width: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 600px) {
  section.about .about-text .column .jump-link .arrow {
    width: 28px;
  }
}
section.about .about-text .column .jump-link .arrow svg {
  width: 100%;
  height: auto;
}
section.about .about-text .column .jump-link .arrow svg .st0 {
  fill: #E2E5AE;
  transition: all 0.25s ease-in-out;
}
section.about .about-text .column .jump-link .arrow svg .st1 {
  fill: none;
  stroke: #E2E5AE;
  transition: all 0.25s ease-in-out;
}
section.about .about-text .column .jump-link:hover .text, section.about .about-text .column .jump-link:focus .text {
  color: #C9D748;
  border-bottom: 1px solid #C9D748;
  transition: all 0.25s ease-in-out;
}
section.about .about-text .column .jump-link:hover .arrow svg .st0, section.about .about-text .column .jump-link:focus .arrow svg .st0 {
  fill: #C9D748;
  transition: all 0.25s ease-in-out;
}
section.about .about-text .column .jump-link:hover .arrow svg .st1, section.about .about-text .column .jump-link:focus .arrow svg .st1 {
  fill: none;
  stroke: #C9D748;
  transition: all 0.25s ease-in-out;
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/mousover
******************************************************************/
span.mouseover-image {
  display: none;
  z-index: -1;
}
@media only screen and (min-width: 600px) {
  span.mouseover-image {
    display: none;
    position: absolute;
    left: -6000;
    top: -1000;
    margin-top: -77.5px;
    width: 155px;
    height: 155px;
    opacity: 0;
    z-index: 1;
  }
  span.mouseover-image.visible {
    opacity: 1;
    z-index: 1;
    display: block;
  }
  span.mouseover-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 960px) {
  span.mouseover-image {
    width: 255px;
    height: 255px;
    margin-top: -127.5px;
  }
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/work
******************************************************************/
section.work {
  padding-top: var(--block-margin);
  padding-bottom: 0;
  position: relative;
  color: #054632;
}
section.work ul.projects {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/projects
******************************************************************/
article.project {
  border-bottom: 1px solid #054632;
  padding-bottom: var(--med-margin);
  margin-bottom: var(--med-margin);
}
article.project:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
article.project .project-preview {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  article.project .project-preview {
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 960px) {
  article.project .project-preview .text-column {
    padding-right: calc(var(--small-margin));
  }
}
article.project .project-preview .text-column .client-name {
  margin-bottom: var(--small-margin) !important;
  position: relative;
  padding-top: calc(var(--small-margin) + 30px);
}
article.project .project-preview .text-column .client-name:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 8px;
  margin-top: 11px;
  border-radius: 0;
  background: #C9D748;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview .text-column .pull-quote {
  padding-right: var(--block-margin);
}
article.project .project-preview .button-column {
  margin-top: 12px;
}
@media only screen and (min-width: 960px) {
  article.project .project-preview .button-column {
    margin-left: auto;
    margin-top: none;
    justify-self: flex-end;
    min-width: fit-content;
  }
}
article.project .project-preview.visible .client-name:before {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: 0;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview.visible .sep, article.project .project-preview.visible .project-name {
  display: inline-block;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview.visible .project-name {
  margin-right: var(--small-margin);
}
article.project .project-preview.visible button.read-more .arrow {
  display: inline-block;
  width: 20px;
  transition: width 0.25s ease-in-out;
}
@media only screen and (min-width: 600px) {
  article.project .project-preview.visible button.read-more .arrow {
    width: 28px;
  }
}
article.project .project-preview button.read-more {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}
article.project .project-preview button.read-more .text {
  display: inline-block;
  color: #054632;
  border-bottom: 1px solid #054632;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview button.read-more .arrow {
  display: inline-block;
  width: 0;
  margin-left: 20px;
  transition: width 0.25s ease-in-out;
}
article.project .project-preview button.read-more .arrow svg {
  width: 100%;
  height: auto;
}
article.project .project-preview button.read-more .arrow svg .st0 {
  fill: #054632;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview button.read-more .arrow svg .st1 {
  fill: none;
  stroke: #054632;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview button.read-more:hover .text {
  color: #C9D748;
  border-bottom: 1px solid #C9D748;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview button.read-more:hover .arrow svg .st0 {
  fill: #C9D748;
  transition: all 0.25s ease-in-out;
}
article.project .project-preview button.read-more:hover .arrow svg .st1 {
  fill: none;
  stroke: #C9D748;
  transition: all 0.25s ease-in-out;
}
article.project .body.expandable[aria-hidden=false] {
  transition: all 0.35s ease-in-out;
  opacity: 1;
  margin-bottom: var(--small-margin);
}
article.project .body.expandable[aria-hidden=true] {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
}
article.project .body .row {
  margin-bottom: var(--block-margin);
  color: #000000;
}
article.project .body .row.client {
  margin-bottom: var(--small-margin);
}
article.project .body .row:first-child {
  padding-top: var(--block-margin);
}
article.project .body .row:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 600px) {
  article.project .body .row {
    display: flex;
  }
}
@media only screen and (min-width: 600px) and (min-width: 600px) {
  article.project .body .row .meta.column {
    width: 33%;
    max-width: 33%;
    min-width: 33%;
    padding-right: var(--small-margin);
  }
}
@media only screen and (min-width: 600px) {
  article.project .body .row .client-type, article.project .body .row .project-summary {
    display: block;
    margin-bottom: 0;
  }
}
article.project .body .row .meta.column h3, article.project .body .row .meta.column h4 {
  color: #F91537;
  line-height: calc(1.625 * clamp(1.125rem, 0.9375rem + 0.625vw, 1.5rem)) !important;
  display: block;
}
article.project .body .row .meta.column .client-type, article.project .body .row .meta.column .project-summary {
  display: block;
  color: #4C4C4C;
  margin-top: 10px;
  margin-bottom: var(--small-margin);
}
article.project .body .row p:last-of-type {
  margin-bottom: 0 !important;
}
article.project .body .row ul.project-gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: var(--small-margin);
}
article.project .body .row ul.project-gallery li {
  margin: 0;
  padding: 0;
  margin-bottom: calc(var(--block-margin) - 1em);
}
article.project .body .row ul.project-gallery li.is-small-image {
  max-width: 66% !important;
}
article.project .body .row ul.project-gallery li:last-of-type {
  margin-bottom: 0;
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/projects
******************************************************************/
section.bio {
  border-top: 1px solid #054632;
  padding-bottom: var(--block-margin);
  padding-top: var(--small-margin);
  scroll-margin-top: 0;
}
section.bio .bio-header {
  width: 100%;
}
section.bio .bio-header .client-name {
  color: #054632;
  margin-bottom: calc(var(--med-margin) + 10px) !important;
  position: relative;
  padding-top: calc(var(--small-margin) + 30px);
}
section.bio .bio-header .client-name:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 8px;
  margin-top: 11px;
  border-radius: 0;
  background: #C9D748;
  transition: all 0.25s ease-in-out;
}
@media only screen and (min-width: 600px) {
  section.bio .bio-body {
    display: flex;
  }
}
section.bio .bio-body .image-column {
  padding-right: var(--block-margin);
  margin-bottom: var(--small-margin);
}
section.bio .bio-body .image-column img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 600px) {
  section.bio .bio-body .image-column {
    width: 33%;
    max-width: 33%;
    min-width: 33%;
  }
}

/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: components/footer
******************************************************************/
footer.site-footer {
  background: #054632;
  color: #E2E5AE;
  padding-top: var(--med-margin);
  padding-bottom: var(--block-margin);
  position: relative;
}
footer.site-footer a, footer.site-footer a:visited {
  color: #E2E5AE;
  border-bottom: 0;
  transition: all 0.25s ease-in-out;
  display: block;
}
footer.site-footer a:hover, footer.site-footer a:focus, footer.site-footer a:visited:hover, footer.site-footer a:visited:focus {
  color: #C9D748;
  transition: all 0.25s ease-in-out;
}
footer.site-footer h2.section-title {
  margin-top: var(--small-margin) !important;
}
@media only screen and (min-width: 600px) {
  footer.site-footer .columns {
    display: flex;
  }
}
footer.site-footer .columns .column {
  flex-basis: 50%;
  position: relative;
}
@media only screen and (min-width: 600px) {
  footer.site-footer .columns .column.left {
    padding-top: 1em;
  }
}
footer.site-footer .columns .column.right {
  text-align: right;
}
footer.site-footer .columns .column.right .logo-container .logotype {
  width: 30px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 960px) {
  footer.site-footer .columns .column.right .logo-container .logotype {
    width: 60px;
  }
}
@media only screen and (min-width: 600px) {
  footer.site-footer .columns .column.right .copyright {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

/*# sourceMappingURL=woolley.min.css.map */