#survey-top {
			  position: absolute;
			  z-index: 999;
			  top: 0;
			  
			  width: 100%;
			  top: -220px;
			  -webkit-transition: all 500ms ease;
			  -moz-transition: all 500ms ease;
			  -ms-transition: all 500ms ease;
			  -o-transition: all 500ms ease;
			  transition: all 500ms ease;
			  background-color: rgba(84, 89, 95, 0.95);
			  font-family: sans-serif;
			  color: #fff;
			}
			
			.questionContainer {
			  margin-bottom: 15px;
			}
			
			.surveyHidden{
				padding: 25px;
			}
			
			.surveyHidden h2 {
			  font-size: 25px;
			  margin-bottom: 20px;
			  color:#fff;
			}
			.surveyHidden a{
				color:#e7e7e7;
			} 
			.surveyHidden small {
			  font-size: 10px;
			}
			
			#survey-top.showNow {
			  top: 0px;
			}
			
			#survey-top.hideNow {
			  top: -450px;
			  transition: all 2.5s ease;
			} 
			
			
			
			.surveyHidden small {
			  padding-top: 20px;
			  padding-bottom: 0px;
			  display: block;
			}
			
			.surveyButton {
			  border-radius: 4px;
			  border: 1px solid #fff;
			  padding: 10px;
			  margin-top: 10px;
			  margin-right: 45px;
			  float: right;
			  font-style: bold;
			  text-decoration: none;
			  color: #fff;
			  cursor:pointer;
			}
			
			.surveyButtonGreen {
			  border-color: white;
			  color: white;
			  box-shadow: 0 0 3px white;
			}
			.surveyButtonGreen:hover{
				text-decoration: none;
				box-shadow: none;
			}
			
			#surveyAnswerList{
			    list-style-type: none;
			}
			#surveyAnswerList li{
			  margin-bottom:15px;  
			}
			
			.surveyClose{
				opacity:0.6;
			}
			.surveyClose:hover{
				opacity:0.88;
				color:#fff;
				text-decoration: none; 
			}
			
			/*small screens*/
			
			@media screen and (max-width: 568px) {
			  /* STYLES GO HERE */
			  .surveyButton {
			    display: block;
			    float: initial;
			  }
			}