@media (max-width:1024px){
	.sidebar {
		padding: 1%;
	}
	.main {
		padding: 1%;
	}
}
@media (max-width:980px){
	.wrapper {
	width: 80%;
  }
}
@media (max-width:800px){
	body {
		font-size: 80%;
	}
	h2 {
		font-size: 130%;
	}
	h3 {
		font-size: 120%;
	}
	h4 {
		font-size: 80%;
	}
	.signup-box {
	max-width: 90%;
  }
}
@media (max-width:414px){
	.container {
	width: 100%;
	display: block;
	}
	.main {
	width: 100%;
	padding: 2%;
   }
	.sidebar {
	width: 100%;
	padding: 2%;
   }
	li {
	margin-left: 6%;
   }
}