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

	.links{
		background: #000;
		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: 5vh; 
		transition: 0.3s ease-in-out;
		width: 95%;  
	} 
	.links a{
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		margin-left: 20px;
	} 
	.links a:hover{
		color: #f17827;
	}
	.links .active a{
		color: #f17827;
	}
	#close{
		display: none;
		transition: 0.2s ease-in-out;
	}

	
	.landing{
		margin-top: 5vh;
		height: 70vh;
	}
	.landing h1{ 
		font-size: 40px;
	}  
	.landing a{ 
		font-size: 18px 
	} 
 	.land-text{
		margin-top: 20vh;
	}
	.overlay-box{
		max-width: 90%;
  		padding: 20px;
	}

	.rowdan div{
		width: 32%;
		float: left;   
		text-align: center;  
	}
	.rowdan img{
		width: 60%;
		height: 60%;
	}

	.about .col-sm-6{
		margin-bottom: 5vh;
	}
	.about h1{
		font-size: 25px;
	}  

	.solutions h1{
		font-size: 30px;
	}
	.solutions .col-sm-4{
		margin-top: 3vh;
	}
	.heavy{
		margin-bottom: 4vh;
	}
	.more-text h1{
		font-size: 30px;
	} 

	.footer img{
		height: 100%;
		width: 100%;
	}
	.footer .col-sm-4{
		margin-top: 5vh;
	}
	.footer li{ 
		margin-top: 1vh;
	}
 	.how-it-works h3{
 		font-size: 40px;
 	}
	.how-it-works span{
		font-size: 18px;
		color: black;
		border-bottom: 3px solid #f17827;
		position: absolute;
		top: 65px;
		left: 7vh; 
	} 
	.pages h1{ 
		font-size: 40px; 
		font-weight: bold;
	}
	.contact-info h1{
		font-size: 30px; 
	} 
	.contact-info h3{
		font-size: 20px; 
	} 
	.success{
		width: 90%;
	}
}

@media screen and (max-width: 400px){
	.landing{
		height: 75vh;
	} 
	.landing p{
		font-size: 18px;
	} 

	.how-it-works span{
		font-size: 18px;
		color: black;
		border-bottom: 3px solid #f17827;
		position: absolute;
		top: 65px;
		left: 9vh; 
	} 
}