/*TABLET VIEW*/
@media screen and (max-width:844px) {
	
	.main-content { 
		width: 400px;
		
	}
	.main-header {
		padding: 30px;
		padding-top: 78px;
	}
}
/*MOBILE VIEW*/
@media screen and (max-width:390px) {
	.main-content {
		width: 250px;
		margin: 40px auto;
		padding: 20px;
	}
	h1, h2 {
		font-size: 1.5em;
	}
	.dropdown {
		display: block;
		position: relative;
		left: 0;
		padding-top: 0;
	}
	.main-nav {
		padding: 0;
	}
	.dropdown li {
		width: 100%;
		background-color:none;
		padding: 5px;
	}
	ul li {
		display: block;
		border-top: 1px solid white;
		padding: 5px;
	}
	.dropdown-link:after {
		content: "";
	}
	.main-header {
		padding: 30px;
		padding-top: 78px; }
}