#particles {
  position: relative;
  padding: 0;
  overflow: hidden;
  background: url(/creationstation/_images/banner.jpg) center center no-repeat;
  background-size: cover;
  background-color: #333;
}

#particles .particles-canvas-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

#particle-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

#cta2 {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  width: 100%;
  min-height: 300px;

  padding: 30px 0;
}

#stuff2 {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 15px;
}

#stuff2 img {
  display: block;
  width: 100%;
  max-width: 740px;
  height: auto;
  margin: 0 auto 15px;
}

.cta-button {
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #00b388;
  border-radius: 50px;
  color: #00b388;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 15px;
  display: inline-block;
  transition: 0.2s;
}

.cta-button:hover {
  color: #fff;
  border-color: #00866c;
  background: #00b388;
}

@media (min-width: 992px) {
  #particles {
    height: calc(100vh - 98px);
    max-height: 1000px;
  }

  #cta2 {
    position: absolute;
    inset: 0;
    min-height: 0;
    padding: 0;
  }

  #stuff2 {
    padding: 60px;
  }

  #stuff2 img {
    margin-bottom: 30px;
  }

  .cta-button {
    padding: 15px 60px;
  }
}

 #quicklinks {
	 padding:0;
}
 #quicklinks > .container {
	 max-width:100%;
	 padding:0;
}
 #quicklinks .navbar {
	 border-left:none;
	 border-right:none;
}
 #quicklinks .navbar-inverse {
	 background-color:#191919;
	 background-color: rgba(0,0,0,.9);
	 border-color: #000;
}
 #quicklinks .navbar-inverse .navbar-nav > li > a {
	 color: #9d9d9d;
	 color: rgba(255,255,255,.5);
}
 #quicklinks .navbar-inverse .navbar-nav > li > a:hover {
	 color: #fff;
	 color: rgba(255,255,255,1);
}
 #meet-the-team {
	 margin-top:30px;
}
 .no-gutter {
	margin: 0;
}
 .no-gutter > [class*='col-'] {
	 padding-right:0;
	 padding-left:0;
}

 #staff .container, #portfolio .container {
	 max-width:1800px;
	 padding:0;
}
 #staff .section-heading, #portfolio .section-heading {
	 display: block;
	 max-width: 1600px;
	 margin: 0 auto;
	 padding-left: 2.5rem;
}
 .square {
	 display:block;
	 width:100%;
	 padding-top:100%;
	 background-color:#e9e9e9;
	 -webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
	 -moz-box-shadow:inset 0px 0px 0px 1px #FFF;
	 box-shadow:inset 0px 0px 0px 1px #FFF;
	 background-size: cover;
	 background-position: center center;
	 background-repeat: no-repeat;
}
 .staff-info {
	 display: flex;
	 align-items: center;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 opacity: 0;
	 background-color: rgba(246,190,0,.9);
	 transition: .2s;
}
 .staff-info a {
	 color:#FFF;
	 font-style:italic;
	 font-weight:normal;
}
 .square:hover .staff-info {
	 opacity:1;
}
 .details {
	 text-align: center;
	 color: #FFF;
	 font-weight: bold;
	 flex: 1;
}
 #services .fas, #services .far {
	 margin-bottom:15px;
	 font-size:24px;
	 line-height:24px;
	 color:#cecece;
}
 .thead-dark tr {
	 color:#FFF;
}
 .thead-dark th {
	 background-color:#333 !important;
}

 #photo-gallery {
	 padding:0;
}
 #gallery-row {
	 margin-top:30px;
}
 #gallery-row a {
	 display:block;
}
 .img-container {
	position:relative;
	 background-size:cover;
	 background-repeat:no-repeat;
	 background-position:center center;
	 transition:.05s;
}
 .img-container:after {
	content:"";
	 position:absolute;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	 background-color:#000;
	 opacity:.2;
	 transition:.1s;
}
 .img-container:hover:after {
	opacity:0;
}
 .single {
	padding-top:100%;
}
 @media (min-width:767px){
	 #photo-gallery {
		padding:6rem 0;
	}
	 .title .fa {
		font-size:60px;
	}
	 .title h2 {
		font-size: 40px;
	}
	 .title {
		margin-top: -30px;
		 padding-top: calc(100% + 30px);
	}
	 #gallery-row > [class*='col-'] {
		overflow:hidden;
	}
	 #gallery-row > [class*='col-']:hover .img-container {
		transform:scale(1.1);
	}
}
 #awards > li {
	 margin-bottom: 1rem;
}
 #awards .event {
	 color:#54585a;
	 font-size:90%;
	 font-style: italic;
}
 #awards .award {
	 color:#54585a;
	 font-weight:bold;
	 letter-spacing:.05em;
	 text-transform: uppercase;
}
 #contact .fas {
	 margin-bottom: 15px;
	 font-size: 24px;
	 line-height: 24px;
	 color: #cecece;
}
 #contact .section-grid li {
	 padding: 0 1.25rem;
	 display: inline-block;
	 min-width:260px;
}
 @media (max-width:767px){
	 #contact .section-grid li {
		 display: block;
		 min-width:100%;
	}
#staff {
    display: none;
}
#meet-the-team {
    display: none;
}
}