* {
  box-sizing: border-box; }
  
.gallery { list-style: none; margin: 0; padding: 0; width: 100%; max-width: 1200px; margin: auto; margin-top: 40px; margin-bottom: 60px; text-align: center; }
.gallery li { float: left; margin-right: 15px; margin-bottom: 15px; }
.gallery li:nth-child(3n){ margin-right: 0; }
.gallery li img { display: inline-block; width: 100%; max-width: 387px; }

body {
  margin: 0;
  width: 100%;
  font-family: 'Open Sans', sans-serif !important;
  background-color: #6a6a6a; }

p, h1, h2, h3, h4 {
  color: #FFFFE6; }

html, body {
  height: 100%;
  width: 100%; }

html {
  max-width: 100%; }

body {
  overflow-x: hidden; }

a {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif; }

.wrapper {
  margin-top: 75px;
  padding-bottom: 75px; }

h1 {
  color: #FFFFE6; }

p {
  font-size: 22px; }

.heading {
  display: inline-block;
  position: relative;
  font-size: 35px;
  font-weight: 300;
  margin: 40px auto;
  text-align: center;
  color: #FFFFE6 !important;
  padding-left: 20px; }

.center {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center; }

.no-pad {
  padding: 0 !important; }

.invis {
  display: none; }

.contact-blurb {
  position: absolute;
  bottom: 70px;
  left: 70px;
  width: 500px; }

.contact-blurb > h2 {
  font-size: 30px; }

.contact-bg {
  position: absolute;
  top: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/resources/images/contact.jpg") no-repeat center center fixed;
  background-size: cover;
  height: 100% !important;
  width: 100% !important; }

.left-heading {
  color: #FFFFE6;
  font-size: 80px;
  text-align: center;
  position: absolute;
  top: 10vh;
  left: 5vw; }

.right-heading {
  color: #FFFFE6;
  font-size: 80px;
  text-align: center;
  position: absolute;
  bottom: 5vh;
  right: 5vw; }

.cover {
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/resources/images-lossless/new-cover-color.jpg") no-repeat center center;
  background-size: 100% auto;
  height: 100% !important;
  width: 100% !important; 
}

.cta {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 10vh;
  width: auto;
  display: none; }

.grid {
  margin: 40px auto !important; }

.grid-item {
  width: 185px;
  max-width: 100%; }

.grid-item > img {
  width: 100%;
  margin: 0 auto; }

.pad {
  padding: 10px; }

#firing-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }

.firing-blurb {
  width: 800px;
  margin-top: 40px;
  margin-bottom: 0; }

.grid-container {
  width: 1200px; }

.profile-wrapper {
  width: 1050px;
  margin: 0 auto;
  padding: 10px; }

#profile-blurb {
  display: flex;
  align-items: center;
  padding-right: 0px;
  margin: 1vh auto;
  margin-bottom: 0;
  max-width: 1000px;
  width: 95vw; }

#profile-blurb > p {
  padding: 15px;
  display: flex;
  align-items: center; }

#profile-blurb > img {
  width: 239px;
  height: auto; }

.dark-bg {
  background-color: #636363;
  padding: 0 20px; }

.display-img:hover > div {
  opacity: 0.9; }

.display-img, .category-img {
  padding-bottom: 66%;
  border: none !important;
  z-index: 0; }

.long-img {
  padding-bottom: 129% !important; }

.square-img {
  padding-bottom: 74% !important; }

.display-img > a > img {
  position: relative;
  width: 100% !important; }

.category-container > div {
  padding: 0px !important; }

.display-img > a, .category-img > a {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  background-color: black !important;
  margin: 6.66px 10px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.display-img > i {
  position: absolute;
  font-size: 20px;
  right: 20px;
  top: 20px;
  margin: 0;
  z-index: 4;
  color: transparent;
  text-decoration: none; }

.category-img > img {
  pointer-events: none;
  position: absolute;
  top: 20px;
  right: 30px;
  height: 55px;
  visibility: hidden; }

.fullscreen-inner > a {
  position: absolute;
  padding: 1px 6px;
  border-radius: 5px;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.fullscreen-inner > a > img {
  width: 30px; }

.fullscreen-inner > a > img path {
  fill: white; }

.fullscreen-inner > a {
  z-index: 3; }

.grey {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #000000;
  opacity: 0.5;
  margin: 0;
  padding: 0;
  z-index: 2; }

.marg {
  margin: 10px; }

.category-img > a > img {
  opacity: 0.88;
  pointer-events: none;
  width: 100% !important;
  margin: 0 !important; }

.fullscreen {
  position: fixed;
  display: flex;
  pointer-events: none;
  align-items: center;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 3; }

.fullscreen-inner {
  position: relative;
  pointer-events: auto;
  padding: 0;
  clear: both;
  display: inline-block; }

.fullscreen-inner > img {
  border: 1px solid #333333;
  max-width: 94vw !important;
  max-height: 94vh !important;
  width: auto;
  height: auto; }

.outer {
  height: 100vh;
  text-align: center; }

.outer::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.category-container {
  display: inline-block;
  vertical-align: middle;
  width: 80vw; }

.category-img > p {
  position: absolute;
  width: 300px;
  height: 30px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: transparent;
  text-decoration: none;
  font-size: 28px; }

.category-img:hover > img {
  visibility: visible;
  font-size: 40px; }

.category-img:hover > a > img {
  opacity: 0.8; }

.back {
  display: flex;
  justify-content: center;
  grid-area: 0 / 0 / 0 / 0; }

.back img {
  cursor: pointer; }

.back > a {
  display: inline-block;
  height: 80px;
  width: 80px;
  margin-top: 40px; }

.display-container {
  text-align: center;
  grid-area: 0 / 1 / 1 / 2; }

.display-wrapper {
  display: grid;
  grid-template-columns: 1fr 1000px 1fr; }

nav {
  transition: top 0.15s ease-in-out; }

.nav-up {
  top: -50px; }

.navbar-collapse {
  border-color: #444444 !important; }

.navbar-toggle:hover {
  background-color: #333333 !important; }

.navbar-toggle {
  border: none !important;
  background-color: #444444 !important; }

.navbar-toggle > span {
  background-color: #FFFFE6 !important; }

.navbar {
  background-color: #4a4a4a;
  border: none; }

.navbar-header {
  display: flex;
  flex-wrap: no-wrap;
  align-items: center; }

.nav, .navbar-default {
  z-index: 1; }

.link {
  color: #aaa !important; }

.active a {
  color: #FFFFE6 !important; }

.active, .active a {
  background-color: inherit !important; }

.link {
  display: inline-block !important;
  padding-top: 15px !important; }

.link:hover {
  color: #FFFFE6 !important; }

.title {
  display: none;
  font-size: 24px;
  margin: 0;
  line-height: 50px; }

.nav-back {
  display: none; }

.nav-back img {
  height: 30px;
  width: auto; }

@media screen and (max-width: 1250px) {
  .category-container {
    width: 98vw !important; }

  .firing-blurb {
    width: 650px; }

  .grid-container {
    width: 100%; }

  .display-wrapper {
    grid-template-columns: 10fr 80fr 10fr; } }
@media screen and (max-width: 991px) {
  .category-container {
    margin-top: 65px; }

  .profile-wrapper {
    width: 100%; }

  .category-img > img {
    visibility: visible; }

  .left-heading, .right-heading {
    width: 100vw;
    left: 0;
    right: 0;
    padding: 0 10px; }

  .display-wrapper {
    grid-template-columns: 1fr; }

  .back {
    display: none !important; }

  .title {
    flex-grow: 4;
    padding-left: 10px; }

  .nav-back {
    display: inline-block; }

  .nav-back img {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 40px;
    margin: auto 0; }

  .navbar-header {
    padding-left: 6vw; } }
@media screen and (max-width: 840px) {
  .grid-item {
    width: 300px; }

  .firing-blurb {
    max-width: 90%; }

  .left-heading, .right-heading {
    font-size: 10vw; } }
@media screen and (max-width: 767px) {
  .title {
    display: inline-block; }

  .outer:before {
    display: none; }

  .nav-back img {
    position: static; }

  .link {
    width: 100%; }

  .cta {
    display: block; } }
@media screen and (max-width: 620px) {
  .grid-item {
    width: 100%; }

  .contact-blurb {
    left: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    width: 100%; }

  .firing-blurb {
    max-width: 100%;
    padding: 0 10px; }

  #profile-blurb {
    flex-direction: column-reverse;
    padding: 0px;
    margin-top: -10px;
    padding-top: 15px;
    width: 100%; }

  #profile-blurb > p {
    padding: 8px; } }
@media screen and (max-width: 440px) {
  .grid-item {
    width: 100%; 
  }
    .cover {
      background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/resources/images-lossless/background-mobile.jpg") no-repeat center center;
  background-size: 100% auto;  
      
  } 
  }