:root {
	/* BORDER */
	--border-radius: 50px;
	--border-small-radius: 20px;
	--border-width: 1px;
		
	/* WRAPPER */
	--wrapper-size: 1700px;
    --logo-ratio: 31 / 12;
			
	/* COLORS */
	--background-color: #F5F5F5;
	--background-grey: #E5E4E4;
	--background-dark: #000101;
	--background-socket: #052634;
	
	--dark-title-color: #000101;
	--light-title-color: #FFFFFF;
  	--dark-text-color: 0, 1, 1;
	--light-text-color: 255, 255, 255;
	
	--primary-color: #012634;
	--primary-hover-color: #006a91;
  	--primary-focus-color: #009eda;
	--primary-rgb: 1, 38, 52;
	
	--secondary-color: #96C0E8;
	--secondary-hover-color: #5a8fd7;
	--secondary-focus-color: #3c62b9;
	--secondary-rgb: 150, 192, 232;

  	--tertiary-color: #F9DC45;
  	--white-color: #FFFFFF;
  	--required-color: #D7747A;
      
    --alert-danger-color: #DF2935;
    --alert-warning-color: #E8814A;
    --alert-success-color: #4FB477;      
    --alert-danger-rgb: 223, 41, 53;
    --alert-success-rgb: 79, 180, 119;
		
	
	/* FONTS */
	--font-title: 'EB-Garamond', serif;
	--font-text: 'Roboto', Sans-serif;
		
	
	/* FONT SIZES */
	--h1-font-size: 5rem;
	--h2-font-size: 5.625rem;
	--h3-font-size: 1.5625rem;
	--h4-font-size: 1.125rem;
	
	
	/* MARGES */
	--margin-h2: 4.375rem;
	--margin-h3: 3.125rem;
	--margin-h4: 1.875rem;
	--margin-h5: 1.5625rem;	
	--margin-h2-blog: 1.25rem;
	--margin-h3-blog: .9375rem;
		
	
	/* Archives */
	--items-by-row: 4;
	--items-margin: 30px;
}

/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */
@media screen and (min-width: 1501px) and (max-width: 1800px) {
    
	:root {
        --items-margin: 15px;
	}
}



@media screen and (max-width: 1500px) {
    
	:root {
		--items-by-row: 3;
	}
}



@media screen and (min-width: 1251px) and (max-width: 1600px) {
    
    :root {
        --h2-font-size: 4.375rem;
        --h3-font-size: 1.25rem;
    }
}



@media screen and (min-width: 1251px) {
	
}



@media screen and (max-width: 1250px) {
	
	:root {
		--items-margin: 20px;
		--h1-font-size: 4rem;
        --items-margin: 20px;
	}
}



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



@media screen and (max-width: 989px) {
	
	:root{
		--h2-font-size: 3.75rem;
		--h3-font-size: 1.375rem;
        --h4-font-size: 1.0625rem;
        --margin-h2: 3.75rem;
		--items-by-row: 2;
	}	
}



@media screen and (max-width: 767px) {
	
	:root{
		--h2-font-size: 3.125rem;
		--h3-font-size: 1.25rem;
        --h4-font-size: 1rem;
        --margin-h2: 3.125rem;
        --items-margin: 15px;
	}	
}



@media screen and (max-width: 575px) {
	
	:root{	
		--h2-font-size: 2.5rem;
		--h3-font-size: 1.125rem;
        --h4-font-size: .9375rem;
		--margin-h2: 2.5rem;
        --margin-h3: 1.875rem;
        --margin-h5: 1.25rem;
		--items-margin: 15px;
        --margin-h2-blog: .9375rem;
        --margin-h3-blog: .625rem;
        --items-margin: 10px;
	}	
}



@media screen and (max-width: 480px) {
	
	:root{	
		--items-by-row: 1;
		--margin-h2: 1.875rem;
		--margin-h3: 1.25rem;
	}	
}



@media screen and (max-width: 375px) {
	
	:root{
		--h2-font-size: 1.875rem;
		--h3-font-size: 1rem;
        --h4-font-size: .875rem;
		--margin-h2: 1.5625rem;
        --margin-h5: 1.125rem;
        --items-margin: 7.5px;
	}
}



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