@media screen and (max-width: 800px){
	.resp_nav{
		display: unset;
	}
	.main-view{
		display: none;
	}
	.navbar{
		height: 8vh;
	}
	.brand_photo{
		position: absolute; 
		left: 3vh;
		top: -2vh;
	} 
	.brand_photo img{
		height: 3vh;
		width: 20vh; 
	}
	.menu_btn{
		height: 30px;
		width: 30px;
		background: none;
		border:none;
		position: absolute;
		right: 5%;
		top: -0.5vh;
	}
	.menu_btn img{
		height: 20px;
		width: 20px; 
	}

	.links{
		background: #0e1d34;
		height: 0; /* 100% Full-height */
	    width: 100%; /* 0 width - change this with JavaScript */
	    position: fixed; /* Stay in place */
	    z-index: 1000; /* Stay on top */
	    top: 0; /* Stay at the top */
	    left: 0; 
	    overflow-x: hidden; /* Disable horizontal scroll */
	    padding-top: 60px; /* Place content 60px from the top */
	    transition: 0.3s ease-in-out; /* 0.5 second transition effect to slide in the sidenav */ 
	}  
	.links li{
		list-style: none;
		margin-top: 3vh; 
		transition: 0.3s ease-in-out;
		width: 95%;  
	} 
	.links a{
		color: #fff;
		text-decoration: none;
		margin-left: 10px;
		font-size: 20px;
	} 
	#close{
		display: none;
		transition: 0.2s ease-in-out;
	}

	
	.landing{
		margin-top: 5vh;
		height: 90vh;
	}
	.landing h1{ 
		font-size: 35px;
	}  

	.landing a{ 
		font-size: 18px 
	} 
 	.track-form{
 		width: 100%;
 	}
 	.track-form input{
 		width: 70%;
 	}
 	.track-form button{
 		width: 30%;
 	}
	.about h1{
		font-size: 25px;
	}  

 	.notice{
		margin-top: 5vh;
		height: 50vh; 
		color: white;
	} 
	.notice h1{
		font-size: 30px;
	}
 	.notice p{
 		width: 100%;
 	}

 	.serve{
 		height: 600px;
 	}

 	.mission div:nth-child(1){
		width: 20%;
		padding: 5px;
	}
	.mission div:nth-child(2){
		width: 80%;
		padding: 5px;
	}
	.footer .col-sm-4{
		margin-top: 5vh;
	}
	.footer li{ 
		margin-top: 1vh;
	}

	.achieve .col-sm-3{
		margin-top: 6vh;
	}
	.achieve h1{
		font-size:35px;
	}
	.information div:nth-child(1){
		width: 15%;
		padding: 1px;
	}
	.information div:nth-child(2){
		width: 85%;
		padding: 1px;
	}
	.upload .col-sm-4{
		margin-top: 3vh;
	}
	 
}

@media screen and (max-width: 400px){
	.landing{
		height: 95vh;
	} 
	.landing p{
		font-size: 18px;
	}
	.landing h1{
		font-size: 30px;
	}
	.notice{
		margin-top: 5vh;
		height: 60vh; 
		color: white;
	} 
}