@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:0px;
			padding-top:0px;}

		.main-nav
			{padding:0px;}

		.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;}}