@charset "UTF-8";

/*-- Kitakubu - Variables --
----------------------------------

Media Queries 1500 1000 800 500

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

/*----------------------------------
	CSS custom properties
----------------------------------*/
:root{
	--main-mar-s:40px auto;
	--main-mar-m:60px auto;
	--main-mar-l:100px auto;
	--main-pad:0 50px;
	--header-height:80px;
}

/*---------------------------------
---------------------------------
	Media Queries
---------------------------------
---------------------------------*/
@media screen and (max-width:1500px){
	/*----------------------------------
		CSS custom properties
	----------------------------------*/
	:root{
		--header-height:60px;
	}
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1000px){
	/*----------------------------------
		CSS custom properties
	----------------------------------*/
	:root{
		--main-pad:0 40px;
	}
}

@media screen and (max-width:800px){
	/*----------------------------------
		CSS custom properties
	----------------------------------*/
	:root{
		--main-mar-s:35px auto;
		--main-mar-m:50px auto;
		--main-mar-l:80px auto;
		--main-pad:0 20px;
	}
}

@media screen and (max-width:500px){
	/*----------------------------------
		CSS custom properties
	----------------------------------*/
	:root{
		--main-mar-s:25px auto;
		--main-mar-m:40px auto;
		--main-mar-l:60px auto;
		--header-height:48px;
	}
}