.ladder-frame {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 90px;
  height: 470px;
  border-right: thick solid #3E2723;
  border-left: thick solid #3E2723;
}
.ladder-with-guy{position: absolute;right: 5%;top: 22%;}
.ladder-with-guy img{width: 300px;height: 400px;}
.logo{text-align: center; position:relative;}	
.logo:after{    content: '';
    width: 20px;
    height: 300px;
    position: absolute;
    background: linear-gradient(to right, lightgrey,#b0b0b0,#e1e1e1);
    top: 95%;
    z-index: -1;
    margin-left: -60px;}
.logo:before{    content: '';
    width: 20px;
    height: 300px;
    position: absolute;
    background: linear-gradient(to right, lightgrey,#b0b0b0,#e1e1e1);
    top: 95%;
    z-index: -1;
    margin-left: 50px;}
.logo img{    width: 600px;
    padding: 20px;
    background-color: #f6f6f6;
    border: 4px double #000;
    border-radius: 2px;
    box-shadow: 4px 4px 14px -5px #000;}	
.ladder-bar {
  width: 100%;
  height: 5px;
  background: #3E2723;
  margin-top: 60px;
}

.cones {
    position: absolute;
    bottom: 1em;
    right: 1em;
    padding: 0 2rem;
}

.cone-top {
	display: inline-block;
	width: 30px;
	height: 80px;
	background: #FF9800;
  transform: perspective(85px) rotateX(50deg);
}

.base {
  margin-top:9px;
  display: inline-block;
  position: relative;
  left: -5px;
  background: #000;
  height: 9px;
  width: 40px;
}

.stripe {
  margin-top: 20px;
  background: #FFF3E0;
  height: 12px;
  width: 100%;
}

.cone {
  display: inline;
  margin: 60px;
}

.paint {
  position: relative;
  width: 100px;
  height: 150px;
  background: #fff;
}

.splash {
  position: absolute;
  bottom: 0;
  width: 64px;
  height: 164px;
  background: #e49c41;
  z-index: 0;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
}

.splash2 {
  position: relative;
  margin-top: -10px;
  left: 40px;
  width: 64px;
  height: 200px;
  background: #17234a;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 4rem;
}