.container{
  border: 1px none black;
  padding-top:10px;
	max-width:650px;
}
select#id7{
  width: 41%
}
p .questionlabel{
  margin-left: 11px;
}
 

@media only screen and (min-width:280px) and (max-width:479px){
  .container{
  border: 1px none black;
  padding-top:10px;
}
  #id1,#id2,#id13{
    width: 81%;
  }
select#id7{
  width: auto
}
p .questionlabel{
  margin-left: 11px;
}
 
  .submit input{
    margin-right: 10px
  }
}

@media only screen and (min-width:480px) and (max-width:766px){
  .container{
  border: 1px none black;
  padding-top:10px;
	  
}
 #id1,#id2,#id13{
    width: 66%;
  }
select#id7{
  width: 69%;
}
p .questionlabel{
  margin-left: 11px;
}
 
  .submit input{
    margin-right: 10px
  }
}

@media only screen and (min-width:767px) and (max-width:956px){
  .container{
  border: 1px none black;
  padding-top:10px;
	  max-width:650px;
}
  #id1,#id2,#id13{
    width: 50%;
  }
select#id7{
  width: 52%;
}
p .questionlabel{
  margin-left: 11px;
}
 
  .submit input{
    margin-right: 10px
  }
}



.container .sixteen.columns {
    width: 100%;max-width: 650px;
}

img {
width:100%
}


h1 {
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size:28px;
	font-weight:800;
	letter-spacing: -.01em;
	color: #222;
	line-height:32px;
}


h2 {
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size:22px;
	font-weight:700;
	letter-spacing: -.02em;
	color: #222;
	line-height:24px;
}

h3 {
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size:18px;
	font-weight:700;
	letter-spacing: -.02em;
	color: #222;
	line-height:20px;
}


p {
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size:15px;
	font-weight:300;
	letter-spacing: -.02em;
	color: #222;
	line-height:16px;
}

.optionlabel {
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size:12px;
	font-weight:300;
	letter-spacing: -.02em;
	color: #222;
	line-height:14px;
}

/* Fix Spinning Wheel */
.scrim > [class*="icon-"] {
  left: 50%;
  right: unset;
}