/************* Style Sheet for FDN - Mobile by Richir Outreach ***************/
@media screen and (max-width:480px) {
	*{
	box-sizing:border-box;	
	}
	.mobile {
	display:block;
	}
	.desktop {
	display:none;
	}
	#id_email {
	width:100%;
	}
	/*@media (max-width: 480px) {  
	.mobile-header {width:480px;}
	}
	@media (max-width: 320px) {  
	.mobile-header {width:320px;}
	}*/
	.mobile-header{
	width:100%;
	}
	.header a {
	  width: 100%;
	}
	#mobile-menu {
	float: none;
	height: auto;
	margin-bottom: -60px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
	}
	#mobile-menu ul {
		float:none;
	}
	#mobile-menu li {
		width:100%;
		display:block;
		margin:0;
	}
	#mobile-menu li a{
		text-decoration:none;
		font-weight:bold;
	}
	#mobile-menu ul li a:active{
	background: url("https://s3.amazonaws.com/Food_Democracy_Now/images/leaflet.png") no-repeat scroll center 3px transparent;
	color: #F2C803;
	}
	.ro-box, .blue-box {
		width:90% !important;
		margin:20px auto;
		float:none !important;
	}
	.nav .socmed .facebook:active {
	background:#3B5998;
	}
	.nav .socmed .twitter:active {
	background:#3887C7;
	}
	.nav {
	min-width:100%;
	}
	.mobile.title {
		display:inline-block;
		text-align:center;
	}
	.title {
		display:none;
	}
	.image_url, #petition-story > img {
	  display: block;
	  margin: 10px auto !important;
	  float:none !important;
	}
	#petition-story > div {
	 float:none;
	 width:100%; 
	}
	#petition-form {
	  background: none repeat scroll 0 0 #E0F0FC;
	  border: 1px solid #E4E4E4;
	  border-radius: 8px 8px 8px 8px;
	  box-shadow: 3px 3px 6px #9C9C9C;
	  margin:20px auto !important;
	  padding: 15px 30px;
	  width:90% !important;
	}
	#petition-story, #petition-form, #petition-box {
		float:none;
	}
	.addyourvoice, .handwritten-title {
		font-family: cursive, helvetica, sans-serif;
		font-size:2em;
	} 
	#letter-form {
	  float: none;
	  margin: 20px auto;
	  width: 90% !important;
	}
	#letter-story {
	  float: none;
	  margin: 20px auto;
	  width: 90%;
	}
	.emailbox, .fbbox, .twbox, #lte-prelim, #lte-letter  {
		float:none;
		margin:20px auto;
		width:90%;
	}
	img.topper {
		display:none;
	}
	#lte-prelim #media_target table tr td {
	  padding: 1px 1px 1px 5px;
	  white-space: normal;
	}
	#lte-letter .blue-box input {
		width:100%;
	}
	#call-story .image_url {
	  display:block;
	  float:none;
	  margin: 10px auto;
	}
	#id_action_survey {
	height:80px;
	}
	#signup-story{
	display:block;
	min-height:90px;
	}
	#signup-story .topper {
		position:relative;
	}
	.number-box, .paypal {
	  float:none;
	  width:90% !important;
	  margin-top:20px;
	}
	#event-create-form {
	  width:90%;
	  margin: 20px auto;
	}
	#event-info+#event-info input, #event-info+#event-info select {
	  width:90%;
	}
	#event-info+#event-info+#event-info textarea {
	  width:90%;
	}
	#ground-rules blockquote {
	width: 70%;
	}
	#event-create-form #unknown_user {
	  width:90%;
	}
	.event_host_tools-page .bar-holder {
	  width:100%;
	}
	.event_host_tools-page .narrower {
	  width:100%;
	}
	.event-search .area {
	  margin:20px auto;
	}
	.shares .fbform, .shares .twform {
	  width:100%;
	  margin:20px auto;
	}
	.donation_left, .donate_right {
	  width:80%;
	  float:none;
	  margin:20px auto;
	}
	.donation_left > div, .donate_right > div {
	  width:100% !important;
	  float: none !important;
	}
	#donation-details {
	  margin: 2% 2% 20px;
	}
	.donate-text {
	  float:none;
	  width:90%;
	}
	#petition-story .video, #call-story .video {
	float:none;
	margin:20px auto;
	width: 95%;
	padding-bottom:56.4%;
	}
	#petition-story .video+div, #petition-story .video+div+div, #call-story .video+div {
	float:none;
	margin:20px auto;
	width: 95%;
	}
}