:root {
	--color-primary:hsl(205, 53%, 53%);
	--color-primary-h:205;
	--color-primary-s:53%;
	--color-primary-l:53%;
	--color-secondary:hsl(224, 85%, 95%);
	--color-secondary-h:224;
	--color-secondary-s:85%;
	--color-secondary-l:95%;
	--color-blue:hsl(205, 53%, 53%);
	--color-blue-h:205;
	--color-blue-s:53%;
	--color-blue-l:53%;
	--color-dblue:hsl(215, 65%, 41%);
	--color-dblue-h:215;
	--color-dblue-s:65%;
	--color-dblue-l:41%;
	--color-lblue:hsl(233, 39%, 46%);
	--color-lblue-h:233;
	--color-lblue-s:39%;
	--color-lblue-l:46%;
	--color-cyan:hsl(185, 92%, 40%);
	--color-cyan-h:185;
	--color-cyan-s:92%;
	--color-cyan-l:40%;
	--color-lcyan:hsl(185, 95%, 39%);
	--color-lcyan-h:185;
	--color-lcyan-s:95%;
	--color-lcyan-l:39%;
	--color-dcyan:hsl(163, 43%, 55%);
	--color-dcyan-h:163;
	--color-dcyan-s:43%;
	--color-dcyan-l:55%;
	--color-orange:hsl(33, 86%, 54%);
	--color-orange-h:33;
	--color-orange-s:86%;
	--color-orange-l:54%;
	--color-lorange:hsl(39, 82%, 43%);
	--color-lorange-h:39;
	--color-lorange-s:82%;
	--color-lorange-l:43%;
	--color-dorange:hsl(10, 86%, 60%);
	--color-dorange-h:10;
	--color-dorange-s:86%;
	--color-dorange-l:60%;
	--color-green:hsl(166, 47%, 51%);
	--color-green-h:166;
	--color-green-s:47%;
	--color-green-l:51%;
	--color-dgreen:hsl(166, 85%, 35%);
	--color-dgreen-h:166;
	--color-dgreen-s:85%;
	--color-dgreen-l:35%;
	--color-lgreen:hsl(68, 68%, 52%);
	--color-lgreen-h:68;
	--color-lgreen-s:68%;
	--color-lgreen-l:52%;
	--color-purple:hsl(302, 55%, 34%);
	--color-purple-h:302;
	--color-purple-s:55%;
	--color-purple-l:34%;
	--color-lpurple:hsl(310, 34%, 57%);
	--color-lpurple-h:310;
	--color-lpurple-s:34%;
	--color-lpurple-l:57%;
	--color-dpurple:hsl(249, 49%, 21%);
	--color-dpurple-h:249;
	--color-dpurple-s:49%;
	--color-dpurple-l:21%;
	--color-pink:hsl(332, 72%, 82%);
	--color-pink-h:332;
	--color-pink-s:72%;
	--color-pink-l:82%;
	--color-light:hsl(210, 20%, 98%);
	--color-light-h:210;
	--color-light-s:20%;
	--color-light-l:98%;
	--color-dark:hsl(225, 3%, 25%);
	--color-dark-h:225;
	--color-dark-s:3%;
	--color-dark-l:25%;
	--color-white:hsl(0, 0%, 100%);
	--color-white-h:0;
	--color-white-s:0%;
	--color-white-l:100%;
	--color-black:hsl(0, 0%, 0%);
	--color-black-h:0;
	--color-black-s:0%;
	--color-black-l:0%;
	--color-inherit:hsl(0, 0%, 7%);
	--color-inherit-h:0;
	--color-inherit-s:0%;
	--color-inherit-l:7%;
	--color-link:hsl(205, 53%, 53%);
	--color-link-h:205;
	--color-link-s:53%;
	--color-link-l:53%;
	--color-text:hsl(249, 49%, 21%);
	--color-text-h:249;
	--color-text-s:49%;
	--color-text-l:21%;
	--color-body:hsl(224, 85%, 95%);
	--color-body-h:224;
	--color-body-s:85%;
	--color-body-l:95%;
	--color-btn-hover:hsl(199, 77%, 62%);
	--color-btn-hover-h:199;
	--color-btn-hover-s:77%;
	--color-btn-hover-l:62%;
	--h1:6rem;
	--h2:5.2rem;
	--h3:4.2rem;
	--h4:3rem;
	--h5:2.6rem;
	--h6:1.8rem;
	--p:18px;
	--p-lg:26px;
	--p-sm:14px;
	--btn-y:10px;
	--btn-x:20px;
	--btn-b:1px;
	--btn-r:0;
	--btn-fz:18px;
	--btn-lg-y:18px;
	--btn-lg-x:35px;
	--btn-lg-b:3px;
	--btn-lg-r:0;
	--btn-lg-fz:22px;
	--btn-md-y:12px;
	--btn-md-x:20px;
	--btn-md-b:0;
	--btn-md-r:0;
	--btn-md-fz:22px;
	--btn-sm-y:8px;
	--btn-sm-x:15px;
	--btn-sm-b:0;
	--btn-sm-r:0;
	--btn-sm-fz:14px;
	--grid-gutter:40px;
	--gutter:20px;
}

@media (min-width:812px) and (max-height:414px) and (orientation:landscape) {
	:root {
		--gutter:50px;
	}
}

@media (max-width:1024px) {
	:root {
		--btn-y:10px;
		--btn-x:20px;
		--btn-b:1px;
		--btn-r:0;
		--btn-fz:16px;
		--btn-lg-y:13px;
		--btn-lg-x:25px;
		--btn-lg-b:3px;
		--btn-lg-r:0;
		--btn-lg-fz:20px;
		--btn-md-y:11px;
		--btn-md-x:20px;
		--btn-md-b:0;
		--btn-md-r:0;
		--btn-md-fz:18px;
		--btn-sm-y:8px;
		--btn-sm-x:15px;
		--btn-sm-b:0;
		--btn-sm-r:0;
		--btn-sm-fz:14px;
	}
}

@media (max-width:768px) {
	:root {
		--h1:4rem;
		--h2:3.5rem;
		--h3:2.8rem;
		--h4:2.4rem;
		--h5:2.2rem;
		--h6:1.8rem;
		--p:2rem;
		--p-lg:2.6rem;
		--p-sm:12px;
	}
}

@media (max-width:667px) {
	:root {
		--btn-y:1rem;
		--btn-x:2rem;
		--btn-b:1px;
		--btn-r:0;
		--btn-fz:1.6rem;
		--btn-lg-y:1.3rem;
		--btn-lg-x:2.5rem;
		--btn-lg-b:3px;
		--btn-lg-r:0;
		--btn-lg-fz:2rem;
		--btn-md-y:1.1rem;
		--btn-md-x:2rem;
		--btn-md-b:0;
		--btn-md-r:0;
		--btn-md-fz:1.8rem;
	}
}