.before_after_slider {
  position: relative;
  /* margin: 60px; */
  width: 600px;
  overflow: hidden;
margin:0 auto;
margin-bottom:20px;
}



.beforeimage {

  overflow: hidden;
}

.beforeimage, .afterimage{
      position: absolute;

}


#dragger{
  width: 35px;
  height: 35px;
  position: absolute;
  opacity: 0.7;
  pointer-events: none;
}

#dragger:hover{
	cursor: pointer;
}


.before_after_sliderOuter{
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 35px;
}

/*social*/

#socialshares {
  display: block;
  position: absolute;
  top: 40px;
  z-index: 50;
  right:0px;
}

#socialshares img {
  display: block;
  float: right;
  margin-right: 5px;
}








.question{
	font-size:28px;
	line-height: 23px;
	font-weight:600;
	font-family: "proxima-nova",sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
	position: relative;

}



.answerTitle{
	display:block;
	text-align: center;
	color: #2F538F;
	font-size:22px;
}
.answerBox{
	clear:both;

}
.answer{
	font-size: 22px;
	line-height: 19px;
	font-weight:300;
	font-family: "proxima-nova",sans-serif;
	text-transform: none;
	text-align: center;
	/* padding: 15px 30px; */
	/* padding-bottom: 0px; */
	/* padding-right: 0px; */
	/* margin: 0 auto; */
	/* color: #000; */
	/* z-index:99999; */
	width: 100%;
	/* position: relative; */
	padding-bottom: 15px;
	padding-top:15px;
	clear:both;

}









#socialwrapper{
/* position: absolute; */
/* right: -20px; */
width: 105px;
/* bottom: 0px; */
/* padding-top:15px; */	
/* position: relative; */
margin: 0 auto;
display: block;
text-align: center;
/* clear: both; */
position: relative;
/* margin-left: 5px; */
}

#socialwrapper img{
	width: 100%;
	/* float: left; */
	margin-right: 10px;
	max-width: 30%;
	/* margin-left: 2px; */
}

#socialwrapper img:first-child{
	padding-left:10px;
}
.credits{
font-size: 12px;
line-height: 13px;
padding: 10px 0 0 0;
/* text-align: right; */
margin: 0 auto;
max-width: 400px;
text-align: center;
}
.borderQuiz{
	width:100%; 
	height: 1px; 
	border-top: 1px solid #d4d4d4; 
	margin-top:20px;
}

#socialshares img:hover{
	cursor: pointer;
}









@media only screen and (min-width : 320px) and (max-width : 639px) {

#containerQuiz{
	max-width: 320px;
	overflow: hidden;

}

.question{
	font-size:20px;
	line-height: 21px;

}


.credits{
	font-size:11px;
	
}

.answer{
  width: 300px;
  margin: 0 auto;
  padding-top: 0;
  font-size: 16px;
}

h1{
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 15px;
  text-align: center;
}

}