/*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;
	}
	
}