nav{
	background-color	:	#dd0039;
}

#footer{
	background-color	:	#000;
}

#cantonese > #img{
	z-index				:	100;
}

#cantonese > #img img{
	width				:	100%;
}

#cantonese > #img > picture{
	position			:	relative;
	z-index				:	-100;
}

#cantonese_info{
	background-color	:	#dd0039;
	padding				:	0px 0px 60px 0px; 
}

#cantonese_info > #content{
	width				:	1458px;
	margin				:	auto;
} 

#cantonese_info > #content > #main_title{
	font-size			:	8rem; 
	line-height			:	8rem;
	font-weight			:	bold;
	color				:	#fffdf7;
	text-align			:	center;
    position			:	relative;
    padding-top			:	8rem;
    letter-spacing		:	5rem;   
}


#cantonese_info > #content > #main_title:after{
	content				:	'';
	margin-left			:	-5rem;
}

#cantonese_info > #content > #sub_title{
	font-size			:	4rem; 
	line-height			:	10rem;
	color				:	#fffdf7;
	text-align			:	center;
    position			:	relative;
    letter-spacing		:	0.72rem;   
}

#cantonese_info > #content > #sub_title:after{
	content				:	'';
	margin-left			:	-0.72rem;    
}

#cantonese_info > #content > #line{
	width				:	100%;
	height				:	1px;
	background-color	:	#fffdf7;
	opacity				:	0.5;
    position			:	relative;
	margin				:	62px 0px 28px 0px;
}

#cantonese_info > #content > .products{
	margin				:	0px 0px 150px 0px; 
	width				:	100%;
}

#cantonese_info > #content > .products > .product{
	width				:	320px;
	height				:	fit-content;
	float				:	left;
	margin				:	0px 0px 59px 0px;
}

#cantonese_info > #content > .products > .product:hover{
	background-color	:	#9a27cf;
}

#cantonese_info > #content > .products > .product:not(:nth-child(4n)){
	margin-right		:	59px;
}

#cantonese_info > #content > .products > .product > .title{
	font-size			:	4rem;
	color				:	#fffdf7;
	padding				:	0px 0px 10px 0px; 
	text-align			:	center;
}

#cantonese_info > #content > .products > .product > .sub_title{
	font-size			:	2rem;
	color				:	#fffdf7;
	text-align			:	center; 
}

#cantonese_info > #content > .products > .product > .desc{
	font-size			:	1.5rem;
	color				:	#fffdf7;
	text-align			:	justify;
	padding				:	0px 0px 0px 0px; 
}

@media (max-width : 767px){
	
	#cantonese .not_mobile{
		display			:	none;
	} 

	#cantonese .mobile{
		display			:	inline;
	}
	
	body{
    	background-color	: #cd2a3d;
	}
	
	#cantonese{
		margin-top		:	51px;
	}
	
	#cantonese #img{
		background		:	none;
	}
	
	#cantonese_info{
		padding			:	0px 0px 24px 0px;
	}
	
	#cantonese_info > #content{
		width			:	100%;
		padding			:	12px;
	    top				:	0px;
	}
	
	#cantonese_info > #content > #main_title{
		font-size		:	4rem;
		line-height		:	4rem;
		padding-top		:	2rem;
		letter-spacing	:	1.45rem;
	}
	
	#cantonese_info > #content > #main_title:after{
		margin-left		:	-1.45rem;     
	}
		
	#cantonese_info > #content > #sub_title{
		font-size			:	2rem; 
		line-height			:	5rem;
	    letter-spacing		:	0.2rem;   
	}
	
	#cantonese_info > #content > #sub_title:after{
		content				:	'';
		margin-left			:	-0.2rem;    
	}
	
	#cantonese_info > #content > #line{
		top				:	0px;
		margin			:	30px 0px 28px 0px;
	}
	
	#cantonese_info > #content > .products{
		width				:	336px;
		position			:	relative;
		margin				:	auto;
		margin-top			:	36px;
    }
	
	#cantonese_info > #content > .products > .product{
		width				:	336px;
		height				:	auto;
		float				:	none;
		margin				:	0 auto;
		margin-bottom		:	72px;
	}
	
	#cantonese_info > #content > .products > .product > .title{
		font-size			:	3rem;
		padding				:	0px 0px 0px 0px; 
	}

	#cantonese_info > #content > .products > .product > .sub_title{
		font-size			:	1.75rem;
	}
	
	#cantonese_info > #content > .products > .product > picture > img{
		width				:	336px;
		height				:	336px;
		margin				:	-32px 0px;
	}
	
	#cantonese_info > #content > .products > .product > .product_content{
		padding				:	0px 12px 12px 12px;
		margin-top			:	-18px;
	}
	
	#cantonese_info > #content > .products > .product > .product_content > .title{
		font-size			:	2rem;
		padding				:	0px 0px 16px 0px; 
		text-align			:	center;
	}
	
	#cantonese_info > #content > .products > .product > .product_content > .line{
		width				:	296px;
		height				:	1px;
		position			:	relative;
		margin				:	0 auto;
	}
	
	#cantonese_info > #content > .products > .product > .product_content > .desc{
		width				:	296px;
		font-size			:	1rem;
		line-height			:	1.75rem;
		padding				:	18px 0px 12px 0px;
		margin				:	auto;
		text-align			:	center;
	}
}

@media (min-width : 768px) and (max-width : 1535px){
	
	#cantonese{
		padding-top			:	61px;
	}

	#cantonese_info > #content{
		margin				:	0 auto;
	    padding				:	0px 12px 36px 12px;
	    width				:	768px;
	}
	
	#cantonese_info > #content > #main_title{
		font-size			:	6.5rem;
		line-height			:	6.5rem;
		padding-top			:	5rem;
		letter-spacing		:	4rem;
	}
	
	#cantonese_info > #content > #main_title:after{
		margin-left		:	-4rem;     
	}
	
	#cantonese_info > #content > #sub_title {
	    font-size: 3.5rem;
	    line-height: 8rem;
	    letter-spacing: 0.5rem;
	}

	#cantonese_info > #content > #sub_title:after{
		content				:	'';
		margin-left			:	-0.5rem;    
	}

	#cantonese_info > #content > #line {
	    margin				:	45px 0px 28px 0px;
	}
	
	#cantonese_info > #content > .products{
		margin				:	0px 0px 0px 0px;
	}
	
	#cantonese_info > #content > .products > .product{
		width				:	177px;
		/*
		height				:	312px;
		*/  
        height: fit-content;  
		margin				:	-12px 0px   ;
	}
	
	#cantonese_info > #content > .products > .product:not(:nth-child(4n)){
		margin-right		:	12px;
	}
	
	#cantonese_info > #content > .products > .product > .title {
	    font-size			:	2rem;
	    padding				:	0px 0px 0px 0px;
	}
	
	#cantonese_info > #content > .products > .product > .sub_title {
	    font-size			:	1.1rem;
	}
	#cantonese_info > #content > .products > .product > .desc {
		font-size			:	1rem;
	}
}