// Import partials
@import "partials/variables";		// colors
@import "partials/typography";		// fonts 
@import "partials/mixins";			// mixins
@import "partials/functions";		// functions 

// import modules
@import "partials/buttons"; 
@import "partials/forms"; 


// import breakpoints
@import "breakpoints/base"; 


@media only screen and (min-width: 375px) and (max-width: 480px) {
	/* import _480.scss */
	@import "breakpoints/480";
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
	/* import _600.scss */
	@import "breakpoints/600";
}

@media only screen and (min-width: 601px) and (max-width: 1024px) {
	/* import _1024.scss */
	@import "breakpoints/1024";
}