@media (pointer: coarse) 
{

	.nav-btn
	{
		height: 10vmin!important;
		margin-top: 1vmin!important;
		width: 10vmin!important;	
	}
	
	.small		 {
		font-size: 1.6vmin;  
		font-weight: 600!important;
	}
	
	.bold	{
		font-weight: 800!important;
	}
	.large		 {
		font-size: 4.0vmin!important;
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.8);	
	} 
	.slarge	{
		font-size: 3.5vmin!important;
		font-weight: 700!important;
	} 
	
	.cart-list li	
	{
		float: left;
		display: inline;
		text-align: left;
		min-width: 31vmin;
		height: 13vmin;
		padding: 1.5vmin;
	
		font-size: 2vmin!important;;
		font-weight: 600!important;;
		line-height: 4.5vmin;
		margin: 0.5vmin;
		text-shadow: 0.2vmin 0.2vmin 0.2vmin rgba(0, 0, 0, 0.6);
		cursor: pointer
	}

	select 
	{
		width:100%;
		height: 5vmin;
		border-radius: 2.5vmin;
		padding: 0.2vmin;
		margin-top: 1vmin;
		margin-bottom: 2vmin;
		font-size: 2.3vmin!important;
		padding-left: 4vmin!important;
		font-weight: 600!important;
		text-align: center;
	}

	input[type='password']	
	{
		font-size: 5vmin!important;
		letter-spacing: 0.8vmin;
		height: 12vmin!important;
		border-radius: 10vmin!important;
	}
	
	#footer-links {
    	font-size: 2.1vmin!important;;
	}

	#symb_lang	{
	    opacity: 0.4;
	    display: inline;
	    position: relative;
	    left: 0.5vmin!important;
    	bottom: 0.5vmin!important;
    	
    /* 	bottom: -2.5vmin!important; */
    	
    	width: 8vmin!important;
    	height: 6vmin!important;
	}

	#login-form	{
		width: 80vmin!important;
		height: 40vmin!important;		
	}

	.round-button
	{
		margin: 1vmin;
		
		padding: 0.0vmin;
		float: right;
		font-size: 5.7vmin;
	
		text-align: center;
		cursor: pointer;
		border-radius: 7.0vw;
		
		height: 10vmin;
		width: 10vmin;
		opacity: 0.55;

		box-shadow:        0.5vmin 0.5vmin 0.3vmin 0 rgba(0, 0, 0, 0.4);
		
		background-color: #96c263;
		background-image: url(images/symbol_cart.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 60%;	

	    flex-shrink: 0;
	    flex-grow: 0;
	}
	
	.round-button:hover
	{
		transform: scale(1.15,1.15);
		transform: none;
	}

	.blurred-background	{
		/* filter: none!important; */
	}
	

  	.drag-container-transitions 
  	{
   		transition: 0!important;
  	}
  	
  	body	
  	{
  		height: 101vh;
  	}  	
  	
	.xslarge		
	{
		font-size: 6.0vmin;
		font-weight: 400;	
		letter-spacing: 0.3vmin;
	} 
	
	.nav-btn
	{
		background-size: 100%!important;
	}

	#fb	{	
		height: 12vmin!important;
		width: 12vmin!important;
	}
	
	#insta	{	
		height: 12vmin!important;
		width: 12vmin!important;
	}
	
	.normal		 {
		text-shadow: 0.2vmin 0.2vmin 0.05vmin rgba(0, 0, 0, 0.9);
		font-size: 3.0vmin;
		letter-spacing: 0.04vmin;
		font-weight: 600;
		line-height: 4.6vmin;
	} 
	
	.footer-small	{
	bottom: 3vmin!important;
	transform: scale(0.75);
	}
	
	#navigation-list li {
		padding: 2vmin 2vmin 2vmin 25vmin;
		height: 8vmin;
		overflow: hidden;
		font-size: 6.0vmin;
		font-weight: 600;
		margin-top: -2vmin;
		box-shadow: 0vmin 0vmin 5vmin 0 rgba(0,0,0,0.31);

	}

	#navigation-list p {
		font-size: 4.0vmin;
		margin-top: 2vmin;
	}
	
	.page	{
		transition:0.0s opacity, 0.5s filter ease-in-out;	
	}
}


@media (orientation: portrait) 
{
	#symb_lang	{		
		opacity: 0.4;
		display: inline;
		position: relative;
	}
	
	
	.nav-btn
	{
		height: 10vmin;
		margin-top: 1vmin;
		width: 10vmin;	
		margin-left: 0.5vmin;
	}
	
	
	#info	{
		
		width: 58vw;
		height: 26vw;
		top: 46vmin;
		left: 21vw;
		font-size: 3.4vmin;
		background-size: 39vw;
		
		
	}


	.container	{	
		width: 95vmin;
	}
	.con-title	{	
		top: 18vmin!important;
		justify-content: center;
	}

	#navigation-list li {
		padding: 2vmin 2vmin 2vmin 5vmin;
		font-size: 6.0vmin;
	}
	
	.drag-container
	{
		width: 100vw; 
		align-items: center;  
		justify-content: center; 
		flex-wrap:wrap;
	}
	.drag-container-image	
	{
		height: auto;
		width: 100vmin;
	}
	
	.page	{
		width: 100vw;
		height: auto;
	}
	
	#footer-links	{
	    width: 120vmin!important;
	    bottom: 70vmin!important;
	    left: -62vmin!important;
	    overflow: visible!important;
	    font-size: 1.7vmin;
	}
	
	#footer	{
		bottom: 5vmin!important;
	}
	
	.footer-small	{
	bottom: 3vmin!important;
	transform: scale(0.8);
	
	}
	
	.logo-footer-small	{
		width: 30.0vmin!important;
		height: 7.0vmin!important;	
	}
		
		
	#navigation	
	{
		position: absolute;
		right: 0;
		top: 0;
		width: 100vmin;
		height: 100vh;
		
	}	
		
	.bold	{
		font-weight: 800!important;
	}
	
	#navigation-list	{
		list-style-type: none;
		margin: 20vh 5vw 5vh 0vw;
	}	
	
	#navigation-list div	{
		margin: 0.7vh 0vw 0vh -10vmin;
	}	
	
	#navigation-list li	{
	
			margin: -1.5vmin 0 0 -6.3vmin;
			height: 8vmin;
			
	}

	.small		 {
		font-size: 2.1vmin;
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.8);
	}
	
	.middle		 {
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.8);
		font-size: 1.5vmin;
	} 
	
	.normal		 {

		
	} 
	
	.slarge		 {
		font-size: 2.5vmin;
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.8);
	} 
	
	.large		 {
		font-size: 3.5vmin;
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.8);	
	} 
	

	
	.xslarge		 {
		font-size: 6.0vmin;
		font-weight: 100;
		text-shadow: 0.1vmin 0.1vmin 0.1vmin rgba(0, 0, 0, 0.8);	
	} 
	
	.xlarge		 {
		font-size: 10.0vmin;
	} 
	
	
	.menu-header	{
		
	}
	
	#cart-content	{
		width: 80vw;
		
	}
/*  	#cart-content	p{
		text-align: right;		
	}  */
	.title		 {
		text-align: right;
	} 
	
	.cart	{
		/* justify-content: flex-start!important */;
	}
	
	.cart-list	{
		margin-left: 0 !important;
	}
}