.eye {
  position: relative;
  /*display: inline-block;*/
  right: 45%;
  top: 40%;
  height: 22px;
  width: 100px;
  /*background: #CCC;*/
}

.eye:after {
  position: absolute;
  bottom: 17px;
  right: 10px;
  /*width: 10px;*/
  /*height: 10px;*/
  border-radius: 50%;
  content: url(../../assets/img/left-eye.gif);
}

.parent {
  position: relative;
  top: 0;
  left: 0;
}

.move-area {
  width: 100vw;
  height: 100vh;
  padding: 10% 45%;
}

.mobile-brain {
  /*background-image: url('../../assets/img/cat2-m.gif');*/
  width: 100%;
  height: 100%;
}

.brain-div {
  /*width: 90%;*/
  /*height: 100%;*/
  /*margin-left: 10%;*/
}

.d-none.d-print-inline.d-sm-inline.d-md-inline.d-lg-inline.d-xl-inline.homepage-head {
  margin-left: 30px;
}

.d-print-none.d-md-none.d-lg-none.d-xl-none.homepage-head.homepage-title-sm {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.d-none.d-print-none.d-sm-block.d-md-none.d-lg-none.d-xl-none.sm-brain {
  /*background-image: url(../../assets/img/cat2-mid.gif);*/
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
}

.mobile-brain-img, .sm-brain-img, .brain-image {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin: 0!important;
  padding: 0!important;
  height: 100vh;
  width: auto;
  max-width: 100vw;
  display: block;
}

.cartoon-back-small {
  background-size: 45%, 0.5%, 100%, 100%;
  background-image: url('../../assets/img/man-snoozing-sm.png'), url('../../assets/img/skirting-repeater.png'), url('../../assets/img/splat.png'), url('../../assets/img/long-splatter.png'), url('../../assets/img/watercolour-back.gif');
  background-repeat: no-repeat, repeat-x, no-repeat, no-repeat, repeat;
  background-position: bottom left, bottom right, bottom,bottom;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.cartoon-back-sm {
  background-size: 65%, 1%, 100%, 100%;
  background-image: url('../../assets/img/man-snoozing-sm.png'), url('../../assets/img/skirting-repeater.png'), url('../../assets/img/splat.png'), url('../../assets/img/long-splatter.png'), url('../../assets/img/watercolour-back.gif');
  background-repeat: no-repeat, repeat-x, no-repeat, no-repeat, repeat;
  background-position: bottom left, bottom right, bottom,bottom;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.cartoon-back {
  /*background-size: cover;*/
  background-image: url('../../assets/img/man-snoozing-sm.png'), url('../../assets/img/skirting-repeater.png'), url('../../assets/img/splat.png'), url('../../assets/img/long-splatter.png'), url('../../assets/img/watercolour-back.gif');
  background-repeat: no-repeat, repeat-x, no-repeat, no-repeat, repeat;
  background-position: bottom left, bottom right, 10% 5%, 80% 10%;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.row.no-margin-row {
  margin-right: 0 !important;
}

.black-mouse {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.3;
}

.guitar-left-block {
  /*background-image: url('../../assets/img/pips-guitar.png');*/
  /*background-size: cover;*/
  /*height: 100vh;*/
  /*width: auto;*/
  /*background-position: center;*/
  transition: all 400ms ease;
}

.col.guitar-thread, .col.guitar-thread a {
  color: #ffffff;
  width: 100% !important;
  display: block !important;
  text-decoration: none;
}

.row.guitair-link1 {
  /*margin-top: 50%;*/
  margin-left: 45%;
}

.row.guitair-link2 {
  margin-left: 15%;
}

.top-guitair-link {
  margin-top: 280px;
}

.guitar-text {
  /*transition: all 400ms ease;*/
  opacity: 0;
  display: none;
  min-height: 100vh;
  background: -moz-linear-gradient(left, rgba(234,234,234,0.4) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(234,234,234,0.4) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(234,234,234,0.4) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66eaeaea', endColorstr='#00000000',GradientType=1 );
  /*-webkit-transition: width 0.3s ease, margin 0.3s ease;*/
  /*-moz-transition: width 0.3s ease, margin 0.3s ease;*/
  /*-o-transition: width 0.3s ease, margin 0.3s ease;*/
  /*transition: width 0.3s ease, margin 0.3s ease;*/
}

.art-gradient-background {
  /*background: -moz-linear-gradient(top,  #f8fdfc 0%, #f8fdfc 50%, #f8fdfc 50%, #e0e0e0 100%);*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fdfc ), color-stop(50%,#f8fdfc ), color-stop(50%,#f8fdfc ), color-stop(100%,#e0e0e0 ));*/
  /*background: -webkit-linear-gradient(top,  #f8fdfc 0%,#f8fdfc 50%,#f8fdfc 50%,#e0e0e0 100%);*/
  /*background: -o-linear-gradient(top,  #f8fdfc 0%,#f8fdfc 50%,#f8fdfc 50%,#e0e0e0 100%);*/
  /*background: -ms-linear-gradient(top,  #f8fdfc 0%,#f8fdfc 50%,#f8fdfc 50%,#e0e0e0 100%);*/
  /*background: linear-gradient(to bottom,  #f8fdfc 0%,#f8fdfc 50%,#f8fdfc 50%,#e0e0e0 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fdfc ', endColorstr='#e0e0e0 ',GradientType=0 );*/
  background-color: #cdcdcd;
  background-image: url('../../assets/img/seamless-wood-texture.jpg');
  background-repeat: repeat-x;
  background-position: 100% 100%;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.row.art-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#tall-block {
  /*padding-top: 50px;*/
}

img {
  /*width: 100%;*/
}

img {
  /*max-width: 200px;*/
}

img {
}

#walking-man {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
}

.navbar.navbar-light.navbar-expand-md.navigation-clean.cartoon-nav {
  z-index: 4;
}

.img-fluid.box-padding-top {
  padding-top: 30%;
}

#art-gallery-row {
  /*background-image: url(../../assets/img//seamless-wood-texture.jpg);*/
  /*background-repeat: repeat-x;*/
  /*background-position: 100% 100%;*/
}

#walking-man img {
  max-width: 300px;
}

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

.music-menu a {
  display: inline;
}

a.music-menu-link, p.music-menu {
  text-decoration: none !important;
  display: inline !important;
  font-size: 12px !important;
  margin-left: 5px;
}

.guitar-body-back {
  background-image: url(../../assets/img//22.jpg);
  background-repeat: repeat;
  /*width: 100vh;*/
  height: auto;
  /*background-size: 100%;*/
  overflow: hidden;
}

#music-nav {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
}

p {
}

.thread-text {
  text-shadow: 1px 1px 0px rgba(57,57,57,0.9);
  font-size: 30px;
}

.music-text {
  font-size: 19px;
}

#gigs-title, #gigs-text, #the-band-title, #the-band-text {
  display: none;
  -webkit-transition: width 0.3s ease, margin 0.3s ease;
  -moz-transition: width 0.3s ease, margin 0.3s ease;
  -o-transition: width 0.3s ease, margin 0.3s ease;
  transition: width 0.3s ease, margin 0.3s ease;
}

@keyframes flipiny {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
  }
}

.flip-animate {
  -webkit-animation: flipiny 1s ease-in-out 0.2s 1 normal forwards;
  -moz-animation: flipiny 1s ease-in-out 0.2s 1 normal forwards;
  -ms-animation: flipiny 1s ease-in-out 0.2s 1 normal forwards;
  animation: flipiny 1s ease-in-out 0.2s 1 normal forwards;
}

#mobile-back-music {
  background: rgba(222, 221, 221, 0.5019607843137255);
  padding: 2px;
  padding-left: 8px;
}

.nav2 {
  /*-webkit-animation-delay: 0.3s !important;*/
  /*-webkit-animation: bounce 2s ease infinite alternate;*/
}

.nav-header span:nth-child(2) {
  -webkit-animation-delay: 0.3s !important;
}

.nav-header span:nth-child(2) {
  -webkit-animation-delay: 0.3s !important;
}

.nav-header {
  top: 20px;
}

.nav-header span:nth-child(3) {
  -webkit-animation-delay: 0.5s !important;
}

.nav-item {
  font-family: 'Luckiest Guy';
  color: #4c5359 !important;
}

.right-text-area {
  overflow-y: scroll;
  height: 80%;
  /*margin-bottom: 10%;*/
  padding-bottom: 10% !important;
  padding: 10px;
}

.scrollbar {
  margin-left: 30px;
  float: left;
  height: 300px;
  width: 65px;
  background: #F5F5F5;
  overflow-y: scroll;
  margin-bottom: 25px;
}

-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

.next-art {
  width: 300px;
  height: 150px;
  /*background: #000;*/
  position: absolute;
  /*display: none !important;*/
  bottom: 50px;
  right: 0px;
  background-image: url('../../assets/img/more-art-this-way-sm2.png');
}

#jokes-full-page-row {
  /*height: 90vh;*/
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  margin: 0!important;
  padding: 0!important;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
}

.row.b-mid {
  background-image: url('../../assets/img/row-b-building-right.png'), url('../../assets/img/top-smudge.png'), url('../../assets/img/stone-back-repeat.gif');
  background-repeat: repeat-y, repeat, repeat;
  background-position: right, bottom, left;
  width: 100%;
  margin-right: 0%;
  margin-left: 0% !important;
  border-left: 2px dotted rgba(125,185,232,1);
  border-right: 2px dotted rgba(125,185,232,1);
}

.row.b-top {
  background-image: url('../../assets/img/row-b-building-right.png'), url('../../assets/img/top-smudge.png'), url('../../assets/img/stone-back-repeat.gif');
  background-repeat: repeat-y, repeat, repeat;
  background-position: right, top, left;
  width: 100%;
  height: 20vh;
  margin-left: 0!important;
  margin-right: 0% !important;
  border-left: 2px dotted rgba(125,185,232,1);
  border-right: 2px dotted rgba(125,185,232,1);
}

#jokes-b {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.no-margins-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-padding-col {
  padding-right: 0!important;
  padding-left: 0 !important;
}

.col.row-b-top-bar {
  background-image: url('../../assets/img/row-b-top-bar.png');
  background-repeat: repeat-x;
}

.row.text-center.b-top.b-lowerbar {
  /*height: 15%;*/
  padding-bottom: 20px;
}

#house-name {
  background-image: url('../../assets/img/housename-back.gif');
}

#name-block-left {
  background-image: url('../../assets/img/name-block-left.png');
  background-repeat: repeat-y;
  background-position: right;
}

#name-block-right {
  background-image: url('../../assets/img/name-block-right.png');
  background-repeat: repeat-y;
}

#name-block-centre {
  height: 50px;
}

.col-10.name-top-bar {
  background-image: url('../../assets/img/name-block-top-bar.png');
  background-repeat: repeat-x;
  background-position: bottom;
}

.col-10.house-bottom-row {
  background-image: url('../../assets/img/name-block-bottom-bar.png');
  background-repeat: repeat-x;
}

#name-block-centre-house-name {
  background-image: url('../../assets/img/housename-back.gif');
  height: 50px;
}

.name-container {
  margin-top: 20px;
}

.name-block-corners {
  vertical-align: top !important;
}

.jokes-house-name {
  color: #443e079e;
}

.jokes-back {
  height: 100vh;
  background: rgb(18,61,114);
  background: -moz-linear-gradient(top, rgba(18,61,114,1) 14%, rgba(18,61,114,1) 40%, rgba(30,87,153,1) 58%, rgba(30,87,153,1) 100%, rgba(30,87,153,1) 100%, rgba(30,87,153,1) 100%, rgba(30,87,153,1) 100%, rgba(18,61,114,1) 100%, rgba(41,137,216,1) 100%, rgba(41,137,216,1) 100%, rgba(41,137,216,1) 100%, rgba(41,137,216,1) 100%, rgba(27,63,170,1) 100%, rgba(125,185,232,1) 100%);
  background: -webkit-linear-gradient(top, rgba(18,61,114,1) 14%,rgba(18,61,114,1) 40%,rgba(30,87,153,1) 58%,rgba(30,87,153,1) 100%,rgba(30,87,153,1) 100%,rgba(30,87,153,1) 100%,rgba(30,87,153,1) 100%,rgba(18,61,114,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(27,63,170,1) 100%,rgba(125,185,232,1) 100%);
  background: linear-gradient(to bottom, rgba(18,61,114,1) 14%,rgba(18,61,114,1) 40%,rgba(30,87,153,1) 58%,rgba(30,87,153,1) 100%,rgba(30,87,153,1) 100%,rgba(30,87,153,1) 100%,rgba(30,87,153,1) 100%,rgba(18,61,114,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(27,63,170,1) 100%,rgba(125,185,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123d72', endColorstr='#7db9e8',GradientType=0 );
}

.row {
  /*height: 10vh;*/
}

.row.pavement {
  height: 10vh;
}

#jokes-e {
  background-image: url('../../assets/img/right-back.png');
  /*background-size: cover;*/
  background-size: contain;
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
}

#bottom-of-house {
  background-image: url('../../assets/img/bottom-of-house.png');
  background-size: contain;
  width: auto;
  height: 100%;
  background-repeat: no-repeat;
}