@media screen and (max-width: 800px){
	.resp_nav{
		display: unset;
	}
	.main-view{
		display: none;
	}
	.navbar{
		height: 6vh;
	}
	.brand_photo{
		position: absolute;
		top: 10px;
		left: 10px;
	} 
	.brand_photo img{
		height: 10vh;
		width: 10vh; 
	}
	.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: 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: #262626;
		text-decoration: none;
	} 
	#close{
		display: none;
		transition: 0.2s ease-in-out;
	}

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

	.landing a{ 
		font-size: 18px 
	} 
 
	.about h1{
		font-size: 25px;
	} 
	.topics h4{
		font-size: 20px;
	}


		
	.buondi img{
		height: 25vh;
		width: 25vh; 
		margin-bottom: 3vh;
	}
	.shop img{
		height: 25vh;
		width: 25vh; 
		margin-bottom: 3vh;
	}
	.qt{
		margin-bottom: 3vh;
		height: unset;
	}  

	.tt{
		margin-top: 3vh;
	} 
	.tt img{
		height: 70px;
		width: 70px; 
	}
	.more_art{ 
		margin-top: 5vh;
	}

	.footer img{
		height: 15vh;
		width: 15vh;
	}
	.footer .col-sm-4{
		margin-top: 5vh;
	}
	.footer li{ 
		margin-top: 1vh;
	}

	.pages{
		margin-top: 5vh;
	}
	.pages h1{ 
		font-size: 35px;
	}  

	.pages a{ 
		font-size: 18px 
	} 

	.blog_art h1{
		font-size: 35px; 
		margin-bottom: 2vh;
	}
	.blog_art p{  
		margin-bottom: 2vh;
	}
	
	.land-text{
		margin-top: 30vh;
	}
}

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