@media screen and (max-width: 800px){
	.resp_nav{
		display: unset;
	}
	.main-view{
		display: none;
	}
	.navbar{
		height: 6vh;
		background: rgba(255, 255, 255, 0);
		backdrop-filter: blur(10px);
	}
	.brand_photo{
		position: absolute;
		top: 10px;
		left: 10px;
	} 
	.brand_photo img{
		height: 4vh;
		width: 16vh;  
		margin-top: -1vh;
	}
	.menu_btn{
		height: 30px;
		width: 30px;
		background: none;
		border:none;
		position: absolute;
		right: 5%;
		top: 12px;
	}
	.menu_btn img{
		height: 20px;
		width: 20px; 
	}

	.links{
		background: #ffffff;
		height: 60%; /* 100% Full-height */
	    width: 0; /* 0 width - change this with JavaScript */
	    position: fixed; /* Stay in place */
	    z-index: 1000; /* Stay on top */
	    top: -20px; /* Stay at the top */
	    right: 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: #532d17;
		text-decoration: none;
	} 
	.links .btn{
		margin-top: 10px;
		background: #000000;
		padding: 10px 20px;
		border-radius: 30px;
		color: white;
		border: none;
	}

	#close{
		display: none;
		transition: 0.2s ease-in-out;
	}

	
	.landing{
		 
	}
	.landing h1{ 
		font-size: 45px;
	}  

	.landing a{ 
		font-size: 16px 
	} 
	.landing h2{
		font-size: 20px;
	}
	.landing p{ 
		width: unset; 
	} 
 
	.about h1{
		font-size: 25px;
	} 
	.statement h1{
		font-size: 25px;
	} 
	.statement .col-sm-6:nth-child(2){
		margin-top: 7vh;
	}
	.topics h4{
		font-size: 20px;
	}


	.loved{
		height: 80%;
		width: 80%;
	}

	.test div{
		width: unset;
		float: unset;
	}

	.signbox{
		width: 100%;
	}
    .contact input{
        width: 100%;
    }
    .contact textarea {
        width: 100%;
    }
    .contact button {
        width: 100%;
    }

}

@media screen and (max-width: 400px){
	.landing{
		height: 110vh;
	} 
	.land-text{  
		margin-top: 15vh;
	} 
	.landing p{
		font-size: 18px;
	}
	.landing h1{
		font-size: 45px;
	}
}