@charset "UTF-8";
/* CSS Document */
/* 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-top: 208px;
	}
}