html, body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Rajdhani', sans-serif;
}

body {
  background-color: #202028;
}

a:link { color: #ab9960 }
a:visited { color: #ab9960 }
a:hover { color: white }
a:active { color: #ab9960 }

p {
  color: #b6b6c6;
}

h1{
  color: #fff;
}

.nav-icon-st {
  margin-right: 0.6em;
}

/* General Content */
.container-biglift {
  margin-top:-140px;
  margin-bottom: 80px;
}

.container-lift {
  margin-top:-70px;
  margin-bottom: 80px;
}

.container-space {
  margin-top: 50px;
  margin-bottom: 80px;
}

.service-panel {
  padding-top: 20px;
  padding-bottom: 100px;
  background-color: #1c1c23;
}

.intro-body-text {
  font-size: 1.4em;
  color: #fff;
  text-align: right;
}

@media screen and ( max-width: 768px ) { .intro-body-text { text-align: left; } }

.service-title {
  font-size: 1.6em;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0.2em;
}

.section-title h1{
  font-size: 2em;
  color: #ab9960;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.large-body-text {
  font-size: 1.2em;
  color: #adadc6;
}

.small-body-text {
  font-size: 0.8em;
  color: #b6b6c6;
}

.contact-number {
  font-size: 1.3em;
  letter-spacing: 0.2em;
  color: #fff;
}

.btn-info {
  margin-top: 14px;
  color: #fff!important;
}

/* Navigation */
.navbar-brand {
  letter-spacing: 0.2em;
}

.bg-nav-simon {
  background-color: #23232b;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, .2);
}

/* Hero General */
#hero-home{
  background-image: url("images/hero-home.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

#hero-interactive-tv{
  background-image: url("images/hero-interactive-tv.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

#hero-me{
  background-image: url("images/hero-me.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

#hero-footer{
  background-image: url("images/footer.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

@media screen and ( max-width: 1024px ) { #hero-footer, #hero-me, #hero-home { background-attachment: scroll; } }

.hero, .content{
  text-align:center; 
  position:relative;
  width: 100%;
}

.inner-header{
  height: 48vw;
  min-height: 450px;
  position: relative;
  background-image: url("images/hero-mess-bottom.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}

.inner-footer{
  height: 40vw;
  min-height: 450px;
  position: relative;
  background-image: url("images/hero-mess-top.png");
  background-position: top center;
  background-repeat: no-repeat;
}

/*
.hero .inner{
  background: rgba(0,0,0,0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAD0lEQVQIW2NkQABjRmQOAAM+AGkQsDBSAAAAAElFTkSuQmCC) repeat;}
*/

.copy{
  position:absolute; 
  top:36%;
  height:10em; 
  margin-top:-5em; 
  width:100%;
}

.copy object {
  width: 14vw;
  height: 14vw;
  min-width: 120px;
  min-height: 120px;
  margin-bottom: 1em;
}

.hero h1, .hero h2, .hero p{ 
  color:#fff;
}

.hero h1 {
  font-size: 4vw;
  letter-spacing: 0.2em;
  line-height: 1.0em;
  margin-bottom: 0.4em;  
}

.hero h2 {
  font-size: 3.4vw;
  letter-spacing: 0.1em;
  line-height: 1.0em;
  margin-bottom: 0.4em;  
}

.block-text {
  background-color: rgba(40, 40, 50, 0.9);
  display: inline-block;
  padding: 0.45rem 0.8rem;
  margin-bottom: 0;
}

.block-text-category {
  background: linear-gradient(to right, rgba(137,126,81,0.5), rgba(207,181,112,0.8));
  display: inline-block;
  padding: 0.45rem 0.8rem;
  margin-bottom: 0;
}

@media screen and ( max-width: 800px ) {
  .hero h1, .hero h2 {
     font-size: 2em;
  }
}

/* Hero Portfolio */
#hero-plum-visual{ background-image: url("images/portfolio-image-plum.jpg"); }
#hero-barclaycard-visual{ background-image: url("images/portfolio-image-barclaycard.jpg"); }
#hero-charlotte-visual{ background-image: url("images/portfolio-image-charlotte.jpg"); }
#hero-bagnall-visual{ background-image: url("images/portfolio-image-bagnall.jpg"); }
#hero-io42-visual{ background-image: url("images/portfolio-image-io42.jpg"); }
#hero-shiftsentry-visual{ background-image: url("images/portfolio-image-shiftsentry.jpg"); }
#hero-ladiescircle-visual{ background-image: url("images/portfolio-image-ladiescircle.jpg"); }
#hero-tophat-visual{ background-image: url("images/portfolio-image-tophat.jpg"); }
#hero-csv-visual{ background-image: url("images/portfolio-image-csv.jpg"); }
#hero-equine-visual{ background-image: url("images/portfolio-image-equine.jpg"); }
#hero-elgiva-visual{ background-image: url("images/portfolio-image-elgiva.jpg"); }
#hero-merritts-visual{ background-image: url("images/portfolio-image-merritts.jpg"); }

.hero-portfolio-visual{
  height: 94vh;
  margin-top: 50px;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and ( max-width: 800px ) { .hero-portfolio-visual { height: 60vh; } }

#hero-plum-wall{ background-image: url("images/portfolio-plum-wall.jpg"); }
#hero-bagnall-wall{ background-image: url("images/portfolio-bagnall-wall.jpg"); }
#hero-charlotte-wall{ background-image: url("images/portfolio-charlotte-wall.jpg"); }
#hero-barclaycard-wall{ background-image: url("images/portfolio-barclaycard-wall.jpg"); }
#hero-io42-wall{ background-image: url("images/portfolio-io42-wall.jpg"); }
#hero-shiftsentry-wall{ background-image: url("images/portfolio-shiftsentry-wall.jpg"); }
#hero-ladiescircle-wall{ background-image: url("images/portfolio-ladiescircle-wall.jpg"); }
#hero-tophat-wall{ background-image: url("images/portfolio-tophat-wall.jpg"); }
#hero-csv-wall{ background-image: url("images/portfolio-csv-wall.jpg"); }
#hero-equine-wall{ background-image: url("images/portfolio-equine-wall.jpg"); }
#hero-elgiva-wall{ background-image: url("images/portfolio-elgiva-wall.jpg"); }
#hero-merritts-wall{ background-image: url("images/portfolio-merritts-wall.jpg"); }

.hero-portfolio-wall {
  height: 48vw;
  min-height: 450px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

@media screen and ( max-width: 1024px ) { .hero-portfolio-wall { background-attachment: scroll; } }

/* Thumbnails */
/*
.padded-multiline { 
  font-size: 0.9rem;
  line-height: 1.7; 
  padding: 2px 0; 
  width: auto;
  margin: 77% 10px 0 0;
}
*/
.padded-multiline { 
  font-size: 0.9rem;
  line-height: 1.7; 
  padding: 2px 0;
  width: auto;
  position: absolute;
  bottom: 6px;
}

.padded-multiline span { 
  background-color: rgba(40, 40, 50, 0.9);
  color: #fff;
  display: inline;
  padding: 0.45rem 0.8rem;
  
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Image Zoom */
.zoomedge {
  overflow: hidden;
}
.hoverimage img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hoverimage:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

a {
  cursor: pointer;
}

/* Social links using awesome icons */

.fa {
  margin-top: 20px;
  padding: 14px 10px;
  font-size: 16px;
  width: 44px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.fa:hover {
  opacity: 0.7;
  text-decoration: none;
}

.fa-facebook {
  background: #3B5998;
  color: #fff!important;
}

.fa-twitter {
  background: #55ACEE;
  color: #fff!important;
}

.fa-linkedin {
  background: #0077B5;
  color: #fff!important;
}

.fa-pinterest {
  background: #C92228;
  color: #fff!important;
}