@charset "UTF-8";

/*-- IMI - Variables --
----------------------------------

Media Queries 1500 1300 1000 800 500 350

----------------------------------
----------------------------------*/

:root{
	--main-mar-s:35px auto;
	--main-mar-m:60px auto;
	--main-mar-l:100px auto;
	--main-pad:50px;
	--header-height:74px;
	--theme-color-dull:rgb(178,209,137);
	--theme-color-normal:rgb(139,186,70);
	--theme-color-muddy:rgb(84,95,70);
	/*category color*/
	--cate-color-01:rgb(212,88,34);
	--cate-color-02:rgb(235,134,50);
	--cate-color-03:rgb(212,139,34);
	--cate-color-04:rgb(246,182,39);
	--cate-color-05:rgb(194,168,19);
	--cate-color-06:rgb(194,188,24);
	--cate-color-07:rgb(149,172,51);
	--cate-color-08:rgb(109,179,48);
	--cate-color-09:rgb(76,191,55);
	--cate-color-10:rgb(46,172,109);
	--cate-color-11:rgb(51,168,143);
	--cate-color-12:rgb(75,152,155);
	--cate-color-13:rgb(49,143,187);
	--cate-color-14:rgb(49,106,182);
}

/*---------------------------------
---------------------------------
	Media Queries
---------------------------------
---------------------------------*/
@media screen and (max-width:1500px){
}

@media screen and (max-width:1300px){
	:root{
		--header-height:55px;
	}
}

@media screen and (max-width:1000px){
	:root{
		--main-pad:40px;
		--header-height:51px;
	}
}

@media screen and (max-width:800px){
	:root{
		--main-mar-s:30px auto;
		--main-mar-m:50px auto;
		--main-mar-l:80px auto;
		--main-pad:20px;
		--header-height:49px;
	}
}

@media screen and (max-width:500px){
	:root{
		--main-mar-s:25px auto;
		--main-mar-m:40px auto;
		--main-mar-l:60px auto;
		--header-height:45px;
	}
}

@media screen and (max-width:350px){
	:root{
		--main-pad:12px;
	}
}