.clubhouseimage img{
	width:100%;
}

.clubpage {
	position:relative;
}
.clublogo{
    position: absolute;
    left: 42vw;
    top: 8.2vw;
}
.clubpage footer{
	position:absolute;
	bottom:0;
	width:100%;
	margin:0 auto;
}
body.clubpage .contentwrapper {
    font-size: 0;
}

body.clubpage .copyright > a, body.clubpage .copyright, .socials a {
    color: #fff;
}
a.handFrameBtn {
	background: url(../images/handFrame.png?sdghg) no-repeat;
	height: 17.5vw;
	width: 16.2vw;
	display: block;
	background-size: cover;
	cursor: pointer;
}

a.twitterFrameBtn {
	background: url(../images/twitterFrame.png?sdghg) no-repeat;
	height: 19vw;
	width: 17vw;
	display: block;
	background-size: 100% auto;
	background-size: cover;
	cursor: pointer;
}

a.mirrorFrameBtn {
	background: url(../images/mirrorFrame.png?ss) no-repeat;
	height: 15.2vw;
	width: 9.7vw;
	display: block;
	background-size: cover;
	cursor: pointer;
}

a.bookSelfBtn {
	background: url(../images/book_club.png?sdghg) no-repeat;
	height: 10.2vw;
	width: 10vw;
	display: block;
	background-size: cover;
	cursor: pointer;
}
.clublogo a.logo {
    background: url(../images/clublogo.png?sdghg) no-repeat;
    height: 12.5vw;
    width: 13.6vw;
    display: block;
    background-size: cover;
    cursor: pointer;
}
.clubhouseimage {
    position: relative;
    /* z-index: -1; */
    display: block;
}

.handFrame {
    position: absolute;
    top: 7vw;
    left: 10vw;
}

.twitterFrame {
    position: absolute;
    top: 1.1vw;
    left: 24.5vw;
    z-index: 99;
}

.clubhouseimage a:hover {
    opacity: 1;
}

.mirrorFrame {
    position: absolute;
    top: 17.5vw;
    left: 34.5vw;
}

.bookSelf {
    position: absolute;
    bottom: 3.7vw;
	left: 27vw;
	z-index: 1;
}
a.bookSelfBtn:hover {
    background: url(../images/book_club_hover.png?sdghg) no-repeat;
    background-size: cover;
}
a.handFrameBtn:hover {
	background: url(../images/handFrameHover.png?sdghg) no-repeat;
	background-size: cover;

}

a.twitterFrameBtn:hover{
	background: url(../images/twitterFrameHover.png?sdghg) no-repeat;
	background-size: cover;

}

a.mirrorFrameBtn:hover {
	background: url(../images/mirrorFrameHover.png?ss) no-repeat;
	background-size: cover;

}
.handFrame, .twitterFrame, .mirrorFrame {
    pointer-events: none;
}
@media  only screen and (max-width:1023px){
	.mob {
		display: block;
	}
	
	.desk {
		display: none;
	}
	
	.clublogo a.logo {
		width: 85vw;
		height: 78vw;
	}
	
	.clublogo {
		top: 44vw;
		top: 3.1%;
		left: 50%;
		transform: translateX(-50%);
	}
	a.handFrameBtn, a.handFrameBtn:hover {
		background: url(../images/twitterFrameMob1.png?sdgdsg) no-repeat;
		height: 100vw;
		width: 83vw;
		display: block;
		background-size: cover;
		cursor: pointer;
	}
	
	a.twitterFrameBtn, a.twitterFrameBtn:hover {
		background: url(../images/twitterFrameMob2.png?dgsd) no-repeat;
		height: 91vw;
		width: 61vw;
		display: block;
		background-size: 100% auto;
		background-size: cover;
		cursor: pointer;
	}
	
	a.mirrorFrameBtn, a.mirrorFrameBtn:hover {
		background: url(../images/mirrorFrameMob.png?sdgs) no-repeat;
		height: 92vw;
		width: 45vw;
		display: block;
		background-size: cover;
		cursor: pointer;
	}
	
	a.bookSelfBtn, a.bookSelfBtn:hover {
		background: url(../images/book_club_mob.png?sgsg) no-repeat;
		height: 95vw;
		width: 100vw;
		display: block;
		background-size: cover;
		cursor: pointer;
	}
	.mirrorFrame {
		top: 38%;
		left: 0;
	}
	
	.bookSelf {
		bottom: unset;
		top: 27.7%;
		right: 0;
		left: unset;
	}
	.twitterFrame {
		top: 35.5%;
		left: unset;
		right: 1vw;
	}
	
	.handFrame {
		top: 44.7%;
		left: 0;
	}
	.clubpage footer {
		bottom: 7%;
	}
	
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	.clubpage{
		background-image: radial-gradient(circle, #4f4f4f, #3c3c3c, #292929, #181818, #000000);
		background-image: radial-gradient(circle, #3c3c3c, #2e2e2e, #212121, #141414, #000000);
		min-height:768px;
	}
}