@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Michroma);

body {
	font-family: 'Michroma', sans-serif;
}

.main {
	background-image:url(survey-question-background.jpg);
	width:843px;
	height:631px;
	margin:0 auto;
}

.results-main {
	background-image:url(survey-results-background.jpg);
	width:843px;
	height:631px;
	margin:0 auto;
}

.logo {
  background-image: url("sleep-gallery-logo.png");
  height: 72px;
  width: 300px;
  background-size: contain;
}

.title {
	color: rgb(255, 255, 255); font-size: 22px; margin-left: 15px; margin-top: -10px; margin-bottom: -22px;
}

.question {
  color: #ffffff;
  font-size: 34px;
  margin: 15% auto 0;
  text-align: center;
}

.focus {
	
	color:#fcb727;
	
}

.options {
  height: 200px;
  margin: 0 auto;
  padding-top: 80px;
  width: 680px;
}

.options1 {
  height: 200px;
  margin: 0 auto;
  padding-top: 80px;
  width: 800px;
}

.options2 {
  height: 200px;
  margin: 0 auto;
  padding-top: 80px;
  width: 440px;
}

.options3 {
  height: 200px;
  margin: 0 auto;
  padding-top: 80px;
  width: 680px;
}

.options4 {
  height: 200px;
  margin: 0 auto;
  padding-top: 80px;
  width: 800px;
}

.results {
  height: 200px;
  margin: 0 auto;
  padding-top: 10px;
  width: 800px;
}

.option {
  float: left;
  font-size: 87%;
  height: 50px;
  position: unset;
  width: 220px;
 
}

.options4 .option {
  float: left;
  font-size: 87%;
  height: 50px;
  position: unset;
  width: 200px;
 
}

input[type="submit"] {
	font-size:100%;
	border:none;
	background: none;
	color:#fff;
	cursor:pointer;
	font-family: 'Michroma', sans-serif;
	white-space:normal;
}

.option::before {
  background-image: url("roof-arrow.png");
  background-size: contain;
  content: "";
  float: left;
  height: 43px;
  left: 110px;
  margin-left: -37px;
  margin-right: -65px !important;
  position: relative;
  text-align: center;
  top: -42px !important;
  width: 65px;
}

.option:hover:after {
  background-image: url("hover-stroke.png");
  background-size: contain;
  content: "";
  float: left;
  height: 18px;
  left: 137px;
  margin-left: -65px;
  position: relative;
  text-align: center;
  top: 20px !important;
  width: 65px;

}

.options a {
	
	color:#ffffff;
	
}