body {
  color: #201711;
  font-family: 'Sintony', sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

div {
  box-sizing: border-box; }

pre,
code {
  font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace; }

a {
  color: #222222;
  text-decoration: none; }

a:hover {
  color: #222222;
  text-decoration: none !important; }

p {
  line-height: 1.6em;
  margin-bottom: 16px; }

img {
  max-width: 100%; }

/* content */
main.container img.hero {
  max-width: 100%; }

header.topbar {
  align-items: center;
  border-bottom: solid 1px #F7F4F4;
  display: flex;
  flex-shrink: 0;
  height: 60px;
  justify-content: space-between; }
  header.topbar .banner {
    color: #695B5F;
    font-family: "Maitree", serif;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 2px;
    margin-left: 55px;
    text-decoration: none !important;
    white-space: nowrap; }
  header.topbar nav {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 0 27px; }
    header.topbar nav ul {
      display: flex;
      font-size: 14px;
      list-style: none;
      margin: 0;
      padding: 0; }
      header.topbar nav ul li a {
		font-family: 'Sintony', sans-serif; 
        color: #695B5F;
        font-size: 14px;
		letter-spacing: 1px;
        padding: 5px 28px;
        transition: color .2s; }
      header.topbar nav ul li a:hover {
        color: #000000;
        text-decoration: none;
        transition: color .2s; }
  @media screen and (max-width: 767px) {
    header.topbar {
      align-items: center;
      flex-direction: column;
      height: auto;
      padding: 6px 0 10px; }
      header.topbar a.banner {
        margin: 0; }
      header.topbar nav {
        justify-content: center;
        margin: 0;
        padding: 0; }
        header.topbar nav ul li a {
          padding: 5px 20px; } }

main {
  min-height: calc(100vh - 120px); }

main.home {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 120px); }

main.about {
  padding-top: 90px; }

main.about .lists {
  margin-top: 50px; }

main.about .lists div {
  list-style: none;
  padding: 0; }

main.about .lists a {
  color: #AB3E27;
  transition: color .2s; }

main.about .lists a:hover {
  color: #CCCCCC;
  text-decoration: none;
  transition: color .2s; }

main.about section {
  margin-bottom: 25px; }

main.about section h6 {
  color: #333333;
  font-size: 13px;
  font-weight: bold; }

.about-wrap {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 30px;
  width: 800px; }

main.contact {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 120px); }

.year-wrap {
  display: flex;
  margin-bottom: 10px;
  width: 100%; }
  .year-wrap .year {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    justify-self: stretch;
    line-height: 18px;
    padding-right: 10px; }
  .year-wrap .shows-wrap div {
    margin-bottom: 5px; }
  @media screen and (max-width: 767px) {
    .year-wrap {
      flex-direction: column;
      margin-bottom: 20px; }
      .year-wrap .year {
        padding-bottom: 3px; } }

main.home img {
  max-width: 100%; }

main.contact img {
  max-width: 40vw;
  padding: 50px; }

.description {
  font-family: "Anaheim", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 25px 0; }

@media screen and (max-width: 767px) {
  main.home {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 220px); }

  main.home img {
    max-width: 80vw; }

  main.contact img {
    max-width: 50vw; } }
/*works page*/
.works-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 160px);
  width: 100%; }

.works-wrap .works-item {
  align-self: center;
  padding: 15px;
  text-align: center;
  width: 20%; }

.works-wrap .works-item a img {
  max-width: 100%; }

/*GRID HOME*/
.gallery-wrap-home {
  margin-top: 80px;
  padding: 0 50px;
  min-height: calc(100vh - 201px); }

.grid-wrap-home {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  max-width: 100%;
  width: 768px;
  grid-column-gap: 25px;
  grid-row-gap: 15px; }

.grid-item-home a {
  display: block; }
  .grid-item-home a img {
    width: 100%; }
  .grid-item-home a p {
    margin: 3px 0 0;
    text-align: center; }

@media screen and (min-width: 480px) {
  .grid-wrap-home {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
	grid-template-columns: repeat(1, 1fr);} }
@media screen and (min-width: 768px) {
  .grid-wrap-home {
    grid-column-gap: 80px;
    grid-row-gap: 60px;  
    margin-top: 215px;
	min-height: calc(100vh - 336px); 
    grid-template-columns: repeat(3, 1fr);
    width: 2070px;
    grid-gap: 100px; } }
/*GALLERIES */
.gallery-wrap {
  justify-content: flex-start;
  margin: 80px auto 0;
  max-width: 100%;
  padding: 0 50px; }
  @media screen and (min-width: 1680px) {
    .gallery-wrap {
      width: 1700px;
      margin: 0 auto; } }

.grid-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  max-width: 100%;
  width: 100%;
  grid-gap: 60px; }
  .grid-wrap .grid-item {
    align-items: stretch;
    display: flex;
    position: relative; }
    .grid-wrap .grid-item a {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%; }
      .grid-wrap .grid-item a img {
        width: 100%; }
  @media screen and (min-width: 768px) {
    .grid-wrap {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 80px; } }
  @media screen and (min-width: 1680px) {
    .grid-wrap {
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 50px;
      max-width: calc(100% - 100px); 
	  margin: auto auto;} }

/*GALLERY NAV*/
.gallery-nav {
  display: flex;
  padding: 60px 0 100px;
  width: 100%; }

.gallery-nav a {
  display: inline-block;
  font-family: 'Anaheim', sans-serif; }

.gallery-nav a.hidden {
  opacity: 0;
  visibility: hidden; }

.gallery-nav a#prev {
  border-right: 1px solid #CCCCCC;
  margin-right: 10px;
  padding-right: 10px; }

.gallery-nav.no-next a#prev {
  border: 0; }

/*fancybox 3 overrides*/


.fancybox-is-open .fancybox-bg {
  background: #FFFFFF;
  opacity: 1 !important; }


.fancybox-is-open .fancybox-caption {
  background: #FFFFFF;
  color: #000000;
  font-size: 12px;
  opacity: 1; }

.fancybox-is-open .fancybox-content {
  margin: 10vh 50px; }

.fancybox-is-open.fancybox-show-infobar.fancybox-show-nav .fancybox-inner .fancybox-infobar {
  color: #DDDDDD !important;
  display: none; }

.fancybox-button.fancybox-button--arrow_left svg,
.fancybox-button.fancybox-button--arrow_right svg {
  height: auto;
  width: 36px; }

.fancybox-button.fancybox-button--arrow_left,
.fancybox-button.fancybox-button--arrow_right {
  background: none;
  color: #DDDDDD; }

.fancybox-is-open.fancybox-show-infobar.fancybox-show-nav .fancybox-inner .fancybox-button div svg,
.fancybox-is-open.fancybox-show-infobar.fancybox-show-nav .fancybox-inner .fancybox-button:hover div svg path {
  transition: all .2s !important; }

.fancybox-inner .fancybox-button > div {
  padding: 0 !important; }

.fancybox-button.fancybox-button--arrow_left:hover,
.fancybox-button.fancybox-button--arrow_right:hover {
  background: none;
  color: #BBBBBB;
  transition: all .5s; }

.fancybox-button.fancybox-button--arrow_left:disabled,
.fancybox-button.fancybox-button--arrow_right:disabled {
  opacity: 0 !important;
  visibility: hidden !important; }

.fancybox-toolbar {
  opacity: 1 !important;
  visibility: visible !important; }

.fancybox-toolbar .fancybox-button {
  background: none;
  color: #DDDDDD;
  transition: color .2s; }

.fancybox-button.fancybox-button--arrow_left,
.fancybox-button.fancybox-button--arrow_right,
.fancybox-navigation {
  opacity: 1 !important;
  visibility: visible !important; }

.fancybox-button.fancybox-button--arrow_left {
  left: calc(50vw - 850px); }

.fancybox-button.fancybox-button--arrow_right {
  right: calc(50vw - 850px); }

@media screen and (max-width: 1600px) {
  .grid-wrap-home {
    margin-top: 0; }

  .fancybox-button.fancybox-button--arrow_left {
    left: 0; }

  .fancybox-button.fancybox-button--arrow_right {
    right: 0; } }

@media screen and (max-width: 1299px) {
  .grid-wrap-home {
    margin-top: 0; }

  .fancybox-button.fancybox-button--arrow_left {
    left: 0; }

  .fancybox-button.fancybox-button--arrow_right {
    right: 0; } }
.fancybox-toolbar .fancybox-button:hover {
  background: none;
  color: #BBBBBB;
  transition: color .2s; }

.fancybox-progress {
  background-color: #695B5F; }

.mainimg {
  min-height: 900px;
  min-width: 100% !important;
  overflow: hidden;
  width: 100%; }

.cover {
  margin: 12px 0;
  object-fit: contain; }

.thumb {
  padding: 7px; }

.thumbbox {
  padding-bottom: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

form {
  overflow: visible; }

textarea {
  height: 215px;
  width: 370px !important; }

.bio {
  clear: both;
  margin: 8px 0 30px 0; }

.bio li {
  display: block; }

/* footer  */
footer {
  align-items: center;
  border-top: solid 1px #F7F4F4;
  display: flex;
  flex-direction: column;
  font-family: 'Sintony', sans-serif;
  font-size: 11px;
  height: 60px;
  justify-content: center; }

footer > div {
  align-items: center;
  display: flex;
  justify-content: center; }

footer span {
  align-self: center; }

footer span.copyright {
  font-size: 14px;
  line-height: 0;
  margin-bottom: -5px;
  margin-right: 2px; }

.mx-2 {
  margin: 0 10px; }

.mb-2 {
  margin-bottom: 5px; }

.w-full { width: 100%; min-width:100%}