@charset "UTF-8";
/*
* Couleurs
*/
		
/* Table of contents
---------------------------------------------------

	- Header | Content | Footer
	- Features
    - Buttons
	
	- Colors and background theme
	- Gray | Color and Background
	- Polices RGBA | Black and white
    - Background RGBA | Black and white
	
	- Media Queries | Change color and background
	
	*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER | #CONTENT | #FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #header { background-color: transparent;}
    .header-top { background-color: #111111;}
	.header-middle { background-color: rgba(0,0,0,0.35);}
	.header-bottom { background-color: transparent;}
	
	#content { background-color: #F2F2F2;}
	.content-top { background-color: #FFFFFF;}
	.content-middle { background-color: transparent;}
	.content-bottom { background-color: transparent;}
	
	#footer { background-color: transparent;}
	.footer-top { background-color: #555555;}
	.footer-middle { background-color: #111111; border-bottom: 0.0625rem solid #000000;}
	.footer-bottom { background-color: #111111; border-top: 0.0625rem solid #222222;}
	
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#FEATURES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .color-block {
		position: relative;
		display: block;
		border: solid 0.625rem #FFFFFF;
		width: auto;
		height: 22rem;
		margin-bottom: 1.5rem;
		-webkit-box-shadow: 0.0625rem 0.0625rem 0.125rem #e6e6e6;
		-moz-box-shadow: 0.0625rem 0.0625rem 0.125rem #e6e6e6;
		box-shadow: 0.0625rem 0.0625rem 0.125rem #e6e6e6;
	}
	.internal-block {
        position: absolute;
		display: block;
        top: 0;
        left: 0;
		overflow: hidden;
		width: 100%;
		height: 5rem;
		margin: 0;
        background-color: #FFFFFF;
	}
	.black-block {
		position: absolute;
		display: block;
		width: 2rem;
		height: 2rem;
		top: 4.125rem;
		left: 50%;
		margin-left: -1rem;
        background-color: #000000;
	}
	.text-block { position: absolute; display: block; top: 8rem; width: 100%; left: 50%; margin-left: -50%;}
	.text-block span { display: block; text-align: center;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BUTTON
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .button-header, .button-header-border { background-color: #DF7366; border: 0.0625rem solid #DF7366; color: #FFFFFF;}
    .button-header:hover { background-color: #B23636; border: 0.0625rem solid #B23636; color: #FFFFFF;}
	.button-header-border:hover { background-color: transparent; border: 0.0625rem solid #FFFFFF; color: #FFFFFF;}

    .button-panel, .button-panel-border { background-color: #DF7366; border: 0.0625rem solid #DF7366; color: #FFFFFF;}
    .button-panel:hover { background-color: #B23636; border: 0.0625rem solid #B23636; color: #FFFFFF;}
	.button-panel-border:hover { background-color: transparent; border: 0.0625rem solid #FFFFFF; color: #FFFFFF;}
    
    .button-theme, .button-theme-border { background-color: #C44727;; border: 0.0625rem solid #C44727;; color: #F2F2F2;}
    .button-theme:hover { background-color: #B23636; border: 0.0625rem solid #B23636; color: #FFFFFF;}
	.button-theme-border:hover { background-color: transparent; border: 0.0625rem solid #FFFFFF; color: #FFFFFF;}

    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#COLORS AND BACKGROUND THEME
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .color-theme { color: #C44727;}
    .color-theme-satured { color: #E04E2D;}
    
    .color-snow { color: #F9C4BB;}
    .color-light { color: #FCB3A4;}
	.color-medium { color: #DF7366;}
	.color-dark { color: #D84B48;}
	.color-raven { color: #B23636;}
    
    .bg-theme { background-color: #C44727;}
    .bg-theme-satured { background-color: #E04E2D;}

	.bg-snow { background-color: #F9C4BB;}
	.bg-light { background-color: #FCB3A4;}
	.bg-medium { background-color: #DF7366;}
	.bg-dark { background-color: #D84B48;}
	.bg-raven { background-color: #B23636;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#GRAY | COLOR AND BACKGROUND
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* #POLICES GRAY | Sample : color-10 = black 10% = #EDEDED
----------------------------------------------------------- */
    
    .color-glass, .color-glass a { color: transparent;}
	.color-white, .color-white a { color: #FFFFFF;}
    .color-black, .color-black a { color: #000000;}
	
	.color-3, .color-3 a { color: #FAFAFA;}
	.color-5, .color-5 a { color: #F6F6F6;}
	.color-7, .color-7 a { color: #F2F2F2;}
	.color-10, .color-10 a { color: #EDEDED;}
	.color-14, .color-14 a { color: #E6E6E6;}
	.color-15, .color-15 a { color: #E3E3E3;}
	.color-20, .color-20 a { color: #DADADA;}
	.color-25, .color-25 a { color: #D0D0D0;}
	.color-27, .color-27 a { color: #CCCCCC;}
	.color-30, .color-30 a { color: #C6C6C6;}
	.color-35, .color-35 a { color: #BDBDBD;}
	.color-40, .color-40 a { color: #B2B2B2;}
	.color-45, .color-45 a { color: #A8A8A8;}
	.color-50, .color-50 a { color: #999999;}
	.color-55, .color-55 a { color: #929292;}
	.color-60, .color-60 a { color: #888888;}
	.color-65, .color-65 a { color: #7C7C7C;}
	.color-67, .color-67 a { color: #777777;}
	.color-70, .color-70 a { color: #6F6F6F;}
	.color-74, .color-74 a { color: #666666;}
	.color-75, .color-75 a { color: #636363;}
	.color-80, .color-80 a { color: #575757;}
	.color-81, .color-81 a { color: #555555;}
	.color-85, .color-85 a { color: #4A4A4A;}
	.color-87, .color-87 a { color: #444444;}
	.color-90, .color-90 a { color: #3C3C3C;}
	.color-94, .color-94 a { color: #333333;}
	.color-95, .color-95 a { color: #2D2D2D;}
	.color-98, .color-98 a { color: #222222;}
	.color-99, .color-99 a { color: #111111;}

/* #BACKGROUND GRAY
----------------------------------------------------------- */
    
    .bg-glass { background-color: transparent;}
	.bg-white { background-color: #FFFFFF;}
    .bg-black { background-color: #000000;}
	
	.bg-3 { background-color: #FAFAFA;}
	.bg-5 { background-color: #F6F6F6;}
	.bg-7 { background-color: #F2F2F2;}
	.bg-10 { background-color: #EDEDED;}
	.bg-14 { background-color: #E6E6E6;}
	.bg-15 { background-color: #E3E3E3;}
	.bg-20 { background-color: #DADADA;}
	.bg-25 { background-color: #D0D0D0;}
	.bg-27 { background-color: #CCCCCC;}
	.bg-30 { background-color: #C6C6C6;}
	.bg-35 { background-color: #BDBDBD;}
	.bg-40 { background-color: #B2B2B2;}
	.bg-45 { background-color: #A8A8A8;}
	.bg-50 { background-color: #999999;}
	.bg-55 { background-color: #929292;}
	.bg-60 { background-color: #888888;}
	.bg-65 { background-color: #7C7C7C;}
	.bg-67 { background-color: #777777;}
	.bg-70 { background-color: #6F6F6F;}
	.bg-74 { background-color: #666666;}
	.bg-75 { background-color: #636363;}
	.bg-80 { background-color: #575757;}
	.bg-81 { background-color: #555555;}
	.bg-85 { background-color: #4A4A4A;}
	.bg-87 { background-color: #444444;}
	.bg-90 { background-color: #3C3C3C;}
	.bg-94 { background-color: #333333;}
	.bg-95 { background-color: #2D2D2D;}
	.bg-98 { background-color: #222222;}
	.bg-99 { background-color: #111111;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#POLICES RGBA | BLACK AND WHITE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* #RGBA WHITE | Sample : color-w10 = white 10%
----------------------------------------------------------- */
	
	.color-w3 { color: rgba(255,255,255,.03);}
	.color-w5 { color: rgba(255,255,255,.05);}
	.color-w10 { color: rgba(255,255,255,.1);}
	.color-w15 { color: rgba(255,255,255,.15);}
	.color-w20 { color: rgba(255,255,255,.2);}
	.color-w25 { color: rgba(255,255,255,.25);}
	.color-w30 { color: rgba(255,255,255,.3);}
	.color-w35 { color: rgba(255,255,255,.35);}
	.color-w40 { color: rgba(255,255,255,.4);}
	.color-w45 { color: rgba(255,255,255,.45);}
	.color-w50 { color: rgba(255,255,255,.5);}
	.color-w55 { color: rgba(255,255,255,.55);}
	.color-w60 { color: rgba(255,255,255,.6);}
	.color-w65 { color: rgba(255,255,255,.65);}
	.color-w70 { color: rgba(255,255,255,.7);}
	.color-w75 { color: rgba(255,255,255,.75);}
	.color-w80 { color: rgba(255,255,255,.8);}
    .color-w85 { color: rgba(255,255,255,.85);}
    .color-w90 { color: rgba(255,255,255,.9);}
    .color-w95 { color: rgba(255,255,255,.95);}
	
/* #POLICES RGBA BLACK | Sample : color-b10 = black 10%
----------------------------------------------------------- */
    
    .color-b3 { color: rgba(0,0,0,.03);}
	.color-b5 { color: rgba(0,0,0,.05);}
	.color-b10 { color: rgba(0,0,0,.1);}
	.color-b15 { color: rgba(0,0,0,.15);}
	.color-b20 { color: rgba(0,0,0,.2);}
	.color-b25 { color: rgba(0,0,0,.25);}
	.color-b30 { color: rgba(0,0,0,.3);}
	.color-b35 { color: rgba(0,0,0,.35);}
	.color-b40 { color: rgba(0,0,0,.4);}
	.color-b45 { color: rgba(0,0,0,.45);}
	.color-b50 { color: rgba(0,0,0,.5);}
	.color-b55 { color: rgba(0,0,0,.55);}
	.color-b60 { color: rgba(0,0,0,.6);}
	.color-b65 { color: rgba(0,0,0,.65);}
	.color-b70 { color: rgba(0,0,0,.7);}
	.color-b75 { color: rgba(0,0,0,.75);}
	.color-b80 { color: rgba(0,0,0,.8);}
    .color-b85 { color: rgba(0,0,0,.85);}
    .color-b90 { color: rgba(0,0,0,.9);}
    .color-b95 { color: rgba(0,0,0,.95);}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BACKGROUND RGBA | BLACK AND WHITE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* #RGBA WHITE | Sample : bg-w10 = white 10%
----------------------------------------------------------- */

    .bg-w3 { background-color: rgba(255,255,255,.03);}
	.bg-w5 { background-color: rgba(255,255,255,.05);}
	.bg-w10 { background-color: rgba(255,255,255,.1);}
	.bg-w15 { background-color: rgba(255,255,255,.15);}
	.bg-w20 { background-color: rgba(255,255,255,.2);}
	.bg-w25 { background-color: rgba(255,255,255,.25);}
	.bg-w30 { background-color: rgba(255,255,255,.3);}
	.bg-w35 { background-color: rgba(255,255,255,.35);}
	.bg-w40 { background-color: rgba(255,255,255,.4);}
	.bg-w45 { background-color: rgba(255,255,255,.45);}
	.bg-w50 { background-color: rgba(255,255,255,.5);}
	.bg-w55 { background-color: rgba(255,255,255,.55);}
	.bg-w60 { background-color: rgba(255,255,255,.6);}
	.bg-w65 { background-color: rgba(255,255,255,.65);}
	.bg-w70 { background-color: rgba(255,255,255,.7);}
	.bg-w75 { background-color: rgba(255,255,255,.75);}
	.bg-w80 { background-color: rgba(255,255,255,.8);}
    .bg-w85 { background-color: rgba(255,255,255,.85);}
    .bg-w90 { background-color: rgba(255,255,255,.9);}
    .bg-w95 { background-color: rgba(255,255,255,.95);}
	
/* #RGBA BLACK | Sample : bg-b10 = black 10%
----------------------------------------------------------- */
    
    .bg-b3 { background-color: rgba(0,0,0,.03);}
	.bg-b5 { background-color: rgba(0,0,0,.05);}
	.bg-b10 { background-color: rgba(0,0,0,.1);}
	.bg-b15 { background-color: rgba(0,0,0,.15);}
	.bg-b20 { background-color: rgba(0,0,0,.2);}
	.bg-b25 { background-color: rgba(0,0,0,.25);}
	.bg-b30 { background-color: rgba(0,0,0,.3);}
	.bg-b35 { background-color: rgba(0,0,0,.35);}
	.bg-b40 { background-color: rgba(0,0,0,.4);}
	.bg-b45 { background-color: rgba(0,0,0,.45);}
	.bg-b50 { background-color: rgba(0,0,0,.5);}
	.bg-b55 { background-color: rgba(0,0,0,.55);}
	.bg-b60 { background-color: rgba(0,0,0,.6);}
	.bg-b65 { background-color: rgba(0,0,0,.65);}
	.bg-b70 { background-color: rgba(0,0,0,.7);}
	.bg-b75 { background-color: rgba(0,0,0,.75);}
	.bg-b80 { background-color: rgba(0,0,0,.8);}
    .bg-b85 { background-color: rgba(0,0,0,.85);}
    .bg-b90 { background-color: rgba(0,0,0,.9);}
    .bg-b95 { background-color: rgba(0,0,0,.95);}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#MEDIA QUERIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/* BACKGROUND | BASE SCREEN */
	
	.small-glass { background-color: transparent;}
	.small-white { background-color: #FFFFFF;}
	.small-black { background-color: #000000;}
	
	.small-theme { background-color: #C44727;}
	.small-snow { background-color: #F9C4BB;}
	.small-light { background-color: #FCB3A4;}
	.small-medium { background-color: #DF7366;}
	.small-dark { background-color: #D84B48;}
	.small-raven { background-color: #B23636;}
	
	.small-b3  { background-color: #FAFAFA;}
	.small-b5  { background-color: #F6F6F6;}
	.small-b7  { background-color: #F2F2F2;}
	.small-b10 { background-color: #EDEDED;}
	.small-b14 { background-color: #E6E6E6;}
	.small-b15 { background-color: #E3E3E3;}
	.small-b20 { background-color: #DADADA;}
	.small-b25 { background-color: #D0D0D0;}
	.small-b27 { background-color: #CCCCCC;}
	.small-b30 { background-color: #C6C6C6;}
	.small-b35 { background-color: #BDBDBD;}
	.small-b40 { background-color: #B2B2B2;}
	.small-b45 { background-color: #A8A8A8;}
	.small-b50 { background-color: #999999;}
	.small-b55 { background-color: #929292;}
	.small-b60 { background-color: #888888;}
	.small-b65 { background-color: #7C7C7C;}
	.small-b67 { background-color: #777777;}
	.small-b70 { background-color: #6F6F6F;}
	.small-b74 { background-color: #666666;}
	.small-b75 { background-color: #636363;}
	.small-b80 { background-color: #575757;}
	.small-b81 { background-color: #555555;}
	.small-b85 { background-color: #4A4A4A;}
	.small-b87 { background-color: #444444;}
	.small-b90 { background-color: #3C3C3C;}
	.small-b94 { background-color: #333333;}
	.small-b95 { background-color: #2D2D2D;}
	.small-b98 { background-color: #222222;}
	.small-b99 { background-color: #111111;}
	
	/* FONTS | BASE SCREEN */
	
	.small-color-glass { color: transparent;}
	.small-color-white { color: #FFFFFF;}
	.small-color-black { color: #000000;}
	
	.small-color-theme { color: #C44727;}
	.small-color-snow { color: #F9C4BB;}
	.small-color-light { color: #FCB3A4;}
	.small-color-medium { color: #DF7366;}
	.small-color-dark { color: #D84B48;}
	.small-color-raven { color: #B23636;}
	
	.small-c3  { color: #FAFAFA;}
	.small-c5  { color: #F6F6F6;}
	.small-c7  { color: #F2F2F2;}
	.small-c10 { color: #EDEDED;}
	.small-c14 { color: #E6E6E6;}
	.small-c15 { color: #E3E3E3;}
	.small-c20 { color: #DADADA;}
	.small-c25 { color: #D0D0D0;}
	.small-c27 { color: #CCCCCC;}
	.small-c30 { color: #C6C6C6;}
	.small-c35 { color: #BDBDBD;}
	.small-c40 { color: #B2B2B2;}
	.small-c45 { color: #A8A8A8;}
	.small-c50 { color: #999999;}
	.small-c55 { color: #929292;}
	.small-c60 { color: #888888;}
	.small-c65 { color: #7C7C7C;}
	.small-c67 { color: #777777;}
	.small-c70 { color: #6F6F6F;}
	.small-c74 { color: #666666;}
	.small-c75 { color: #636363;}
	.small-c80 { color: #575757;}
	.small-c81 { color: #555555;}
	.small-c85 { color: #4A4A4A;}
	.small-c87 { color: #444444;}
	.small-c90 { color: #3C3C3C;}
	.small-c94 { color: #333333;}
	.small-c95 { color: #2D2D2D;}
	.small-c98 { color: #222222;}
	.small-c99 { color: #111111;}

/* SMALL SCREENS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	
@media screen {}
@media screen and (max-width: 39.9375em) {}

/* MEDIUM SCREENS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (min-width: 40em) {
	
	/* BACKGROUND */

	.medium-glass { background-color: transparent;}
	.medium-white { background-color: #FFFFFF;}
	.medium-black { background-color: #000000;}
	
	.medium-theme { background-color: #C44727;}
	.medium-snow { background-color: #F9C4BB;}
	.medium-light { background-color: #FCB3A4;}
	.medium-medium { background-color: #DF7366;}
	.medium-dark { background-color: #D84B48;}
	.medium-raven { background-color: #B23636;}
	
	.medium-b3  { background-color: #FAFAFA;}
	.medium-b5  { background-color: #F6F6F6;}
	.medium-b7  { background-color: #F2F2F2;}
	.medium-b10 { background-color: #EDEDED;}
	.medium-b14 { background-color: #E6E6E6;}
	.medium-b15 { background-color: #E3E3E3;}
	.medium-b20 { background-color: #DADADA;}
	.medium-b25 { background-color: #D0D0D0;}
	.medium-b27 { background-color: #CCCCCC;}
	.medium-b30 { background-color: #C6C6C6;}
	.medium-b35 { background-color: #BDBDBD;}
	.medium-b40 { background-color: #B2B2B2;}
	.medium-b45 { background-color: #A8A8A8;}
	.medium-b50 { background-color: #999999;}
	.medium-b55 { background-color: #929292;}
	.medium-b60 { background-color: #888888;}
	.medium-b65 { background-color: #7C7C7C;}
	.medium-b67 { background-color: #777777;}
	.medium-b70 { background-color: #6F6F6F;}
	.medium-b74 { background-color: #666666;}
	.medium-b75 { background-color: #636363;}
	.medium-b80 { background-color: #575757;}
	.medium-b81 { background-color: #555555;}
	.medium-b85 { background-color: #4A4A4A;}
	.medium-b87 { background-color: #444444;}
	.medium-b90 { background-color: #3C3C3C;}
	.medium-b94 { background-color: #333333;}
	.medium-b95 { background-color: #2D2D2D;}
	.medium-b98 { background-color: #222222;}
	.medium-b99 { background-color: #111111;}
	
	/* FONTS */
	
	.medium-color-glass { color: transparent;}
	.medium-color-white { color: #FFFFFF;}
	.medium-color-black { color: #000000;}
	
	.medium-color-theme { color: #C44727;}
	.medium-color-snow { color: #F9C4BB;}
	.medium-color-light { color: #FCB3A4;}
	.medium-color-medium { color: #DF7366;}
	.medium-color-dark { color: #D84B48;}
	.medium-color-raven { color: #B23636;}
	
	.medium-c3  { color: #FAFAFA;}
	.medium-c5  { color: #F6F6F6;}
	.medium-c7  { color: #F2F2F2;}
	.medium-c10 { color: #EDEDED;}
	.medium-c14 { color: #E6E6E6;}
	.medium-c15 { color: #E3E3E3;}
	.medium-c20 { color: #DADADA;}
	.medium-c25 { color: #D0D0D0;}
	.medium-c27 { color: #CCCCCC;}
	.medium-c30 { color: #C6C6C6;}
	.medium-c35 { color: #BDBDBD;}
	.medium-c40 { color: #B2B2B2;}
	.medium-c45 { color: #A8A8A8;}
	.medium-c50 { color: #999999;}
	.medium-c55 { color: #929292;}
	.medium-c60 { color: #888888;}
	.medium-c65 { color: #7C7C7C;}
	.medium-c67 { color: #777777;}
	.medium-c70 { color: #6F6F6F;}
	.medium-c74 { color: #666666;}
	.medium-c75 { color: #636363;}
	.medium-c80 { color: #575757;}
	.medium-c81 { color: #555555;}
	.medium-c85 { color: #4A4A4A;}
	.medium-c87 { color: #444444;}
	.medium-c90 { color: #3C3C3C;}
	.medium-c94 { color: #333333;}
	.medium-c95 { color: #2D2D2D;}
	.medium-c98 { color: #222222;}
	.medium-c99 { color: #111111;}
	
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
@media screen and (max-width: 63.9375em) {}

/* LARGE SCREENS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (min-width: 64em) {
    
    /* HEADER */
    
    /*.header-top { background-color: #111111;}
	.header-middle { background-color: #111111;}*/
	
	/* BACKGROUND */
	
	.large-glass { background-color: transparent;}
	.large-white { background-color: #FFFFFF;}
	.large-black { background-color: #000000;}
	
	.large-theme { background-color: #C44727;}
	.large-snow { background-color: #F9C4BB;}
	.large-light { background-color: #FCB3A4;}
	.large-medium { background-color: #DF7366;}
	.large-dark { background-color: #D84B48;}
	.large-raven { background-color: #B23636;}
	
	.large-b3  { background-color: #FAFAFA;}
	.large-b5  { background-color: #F6F6F6;}
	.large-b7  { background-color: #F2F2F2;}
	.large-b10 { background-color: #EDEDED;}
	.large-b14 { background-color: #E6E6E6;}
	.large-b15 { background-color: #E3E3E3;}
	.large-b20 { background-color: #DADADA;}
	.large-b25 { background-color: #D0D0D0;}
	.large-b27 { background-color: #CCCCCC;}
	.large-b30 { background-color: #C6C6C6;}
	.large-b35 { background-color: #BDBDBD;}
	.large-b40 { background-color: #B2B2B2;}
	.large-b45 { background-color: #A8A8A8;}
	.large-b50 { background-color: #999999;}
	.large-b55 { background-color: #929292;}
	.large-b60 { background-color: #888888;}
	.large-b65 { background-color: #7C7C7C;}
	.large-b67 { background-color: #777777;}
	.large-b70 { background-color: #6F6F6F;}
	.large-b74 { background-color: #666666;}
	.large-b75 { background-color: #636363;}
	.large-b80 { background-color: #575757;}
	.large-b81 { background-color: #555555;}
	.large-b85 { background-color: #4A4A4A;}
	.large-b87 { background-color: #444444;}
	.large-b90 { background-color: #3C3C3C;}
	.large-b94 { background-color: #333333;}
	.large-b95 { background-color: #2D2D2D;}
	.large-b98 { background-color: #222222;}
	.large-b99 { background-color: #111111;}
	
	/* FONTS */

	.large-color-glass { color: transparent;}
	.large-color-white { color: #FFFFFF;}
	.large-color-black { color: #000000;}
	
	.large-color-theme { color: #C44727;}
	.large-color-snow { color: #F9C4BB;}
	.large-color-light { color: #FCB3A4;}
	.large-color-medium { color: #DF7366;}
	.large-color-dark { color: #D84B48;}
	.large-color-raven { color: #B23636;}
	
	.large-c3  { color: #FAFAFA;}
	.large-c5  { color: #F6F6F6;}
	.large-c7  { color: #F2F2F2;}
	.large-c10 { color: #EDEDED;}
	.large-c14 { color: #E6E6E6;}
	.large-c15 { color: #E3E3E3;}
	.large-c20 { color: #DADADA;}
	.large-c25 { color: #D0D0D0;}
	.large-c27 { color: #CCCCCC;}
	.large-c30 { color: #C6C6C6;}
	.large-c35 { color: #BDBDBD;}
	.large-c40 { color: #B2B2B2;}
	.large-c45 { color: #A8A8A8;}
	.large-c50 { color: #999999;}
	.large-c55 { color: #929292;}
	.large-c60 { color: #888888;}
	.large-c65 { color: #7C7C7C;}
	.large-c67 { color: #777777;}
	.large-c70 { color: #6F6F6F;}
	.large-c74 { color: #666666;}
	.large-c75 { color: #636363;}
	.large-c80 { color: #575757;}
	.large-c81 { color: #555555;}
	.large-c85 { color: #4A4A4A;}
	.large-c87 { color: #444444;}
	.large-c90 { color: #3C3C3C;}
	.large-c94 { color: #333333;}
	.large-c95 { color: #2D2D2D;}
	.large-c98 { color: #222222;}
	.large-c99 { color: #111111;}
}

@media screen and (min-width: 64em) and (max-width: 89.9375em) {}
@media screen and (max-width: 89.9375em) {}

/* XLARGE SCREENS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (min-width: 90em) {
	
	/* BACKGROUND */
	
	.xlarge-glass { background-color: transparent;}
	.xlarge-white { background-color: #FFFFFF;}
	.xlarge-black { background-color: #000000;}
	
	.xlarge-theme { background-color: #C44727;}
	.xlarge-snow { background-color: #F9C4BB;}
	.xlarge-light { background-color: #FCB3A4;}
	.xlarge-medium { background-color:#DF7366;}
	.xlarge-dark { background-color: #D84B48;}
	.xlarge-raven { background-color: #B23636;}
	
	.xlarge-b3  { background-color: #FAFAFA;}
	.xlarge-b5  { background-color: #F6F6F6;}
	.xlarge-b7  { background-color: #F2F2F2;}
	.xlarge-b10 { background-color: #EDEDED;}
	.xlarge-b14 { background-color: #E6E6E6;}
	.xlarge-b15 { background-color: #E3E3E3;}
	.xlarge-b20 { background-color: #DADADA;}
	.xlarge-b25 { background-color: #D0D0D0;}
	.xlarge-b27 { background-color: #CCCCCC;}
	.xlarge-b30 { background-color: #C6C6C6;}
	.xlarge-b35 { background-color: #BDBDBD;}
	.xlarge-b40 { background-color: #B2B2B2;}
	.xlarge-b45 { background-color: #A8A8A8;}
	.xlarge-b50 { background-color: #999999;}
	.xlarge-b55 { background-color: #929292;}
	.xlarge-b60 { background-color: #888888;}
	.xlarge-b65 { background-color: #7C7C7C;}
	.xlarge-b67 { background-color: #777777;}
	.xlarge-b70 { background-color: #6F6F6F;}
	.xlarge-b74 { background-color: #666666;}
	.xlarge-b75 { background-color: #636363;}
	.xlarge-b80 { background-color: #575757;}
	.xlarge-b81 { background-color: #555555;}
	.xlarge-b85 { background-color: #4A4A4A;}
	.xlarge-b87 { background-color: #444444;}
	.xlarge-b90 { background-color: #3C3C3C;}
	.xlarge-b94 { background-color: #333333;}
	.xlarge-b95 { background-color: #2D2D2D;}
	.xlarge-b98 { background-color: #222222;}
	.xlarge-b99 { background-color: #111111;}
	
	/* FONTS */

	.xlarge-color-glass { color: transparent;}
	.xlarge-color-white { color: #FFFFFF;}
	.xlarge-color-black { color: #000000;}
	
	.xlarge-color-theme { color: #C44727;}
	.xlarge-color-snow { color: #F9C4BB;}
	.xlarge-color-light { color: #FCB3A4;}
	.xlarge-color-medium { color: #DF7366;}
	.xlarge-color-dark { color: #D84B48;}
	.xlarge-color-raven { color: #B23636;}
	
	.xlarge-c3  { color: #FAFAFA;}
	.xlarge-c5  { color: #F6F6F6;}
	.xlarge-c7  { color: #F2F2F2;}
	.xlarge-c10 { color: #EDEDED;}
	.xlarge-c14 { color: #E6E6E6;}
	.xlarge-c15 { color: #E3E3E3;}
	.xlarge-c20 { color: #DADADA;}
	.xlarge-c25 { color: #D0D0D0;}
	.xlarge-c27 { color: #CCCCCC;}
	.xlarge-c30 { color: #C6C6C6;}
	.xlarge-c35 { color: #BDBDBD;}
	.xlarge-c40 { color: #B2B2B2;}
	.xlarge-c45 { color: #A8A8A8;}
	.xlarge-c50 { color: #999999;}
	.xlarge-c55 { color: #929292;}
	.xlarge-c60 { color: #888888;}
	.xlarge-c65 { color: #7C7C7C;}
	.xlarge-c67 { color: #777777;}
	.xlarge-c70 { color: #6F6F6F;}
	.xlarge-c74 { color: #666666;}
	.xlarge-c75 { color: #636363;}
	.xlarge-c80 { color: #575757;}
	.xlarge-c81 { color: #555555;}
	.xlarge-c85 { color: #4A4A4A;}
	.xlarge-c87 { color: #444444;}
	.xlarge-c90 { color: #3C3C3C;}
	.xlarge-c94 { color: #333333;}
	.xlarge-c95 { color: #2D2D2D;}
	.xlarge-c98 { color: #222222;}
	.xlarge-c99 { color: #111111;}
}

@media screen and (min-width: 90em) and (max-width: 119.9375em) {}
@media screen and (max-width: 119.9375em) {}

/* XXLARGE SCREENS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (min-width: 120em) {
	
	/* BACKGROUND */

	.xxlarge-glass { background-color: transparent;}
	.xxlarge-white { background-color: #FFFFFF;}
	.xxlarge-black { background-color: #000000;}
	
	.xxlarge-theme { background-color: #C44727;}
    .xxlarge-snow { background-color: #F9C4BB;}
	.xxlarge-light { background-color: #FCB3A4;}
	.xxlarge-medium { background-color: #DF7366;}
	.xxlarge-dark { background-color: #D84B48;}
	.xxlarge-raven { background-color: #B23636;}
	
	.xxlarge-b3  { background-color: #FAFAFA;}
	.xxlarge-b5  { background-color: #F6F6F6;}
	.xxlarge-b7  { background-color: #F2F2F2;}
	.xxlarge-b10 { background-color: #EDEDED;}
	.xxlarge-b14 { background-color: #E6E6E6;}
	.xxlarge-b15 { background-color: #E3E3E3;}
	.xxlarge-b20 { background-color: #DADADA;}
	.xxlarge-b25 { background-color: #D0D0D0;}
	.xxlarge-b27 { background-color: #CCCCCC;}
	.xxlarge-b30 { background-color: #C6C6C6;}
	.xxlarge-b35 { background-color: #BDBDBD;}
	.xxlarge-b40 { background-color: #B2B2B2;}
	.xxlarge-b45 { background-color: #A8A8A8;}
	.xxlarge-b50 { background-color: #999999;}
	.xxlarge-b55 { background-color: #929292;}
	.xxlarge-b60 { background-color: #888888;}
	.xxlarge-b65 { background-color: #7C7C7C;}
	.xxlarge-b67 { background-color: #777777;}
	.xxlarge-b70 { background-color: #6F6F6F;}
	.xxlarge-b74 { background-color: #666666;}
	.xxlarge-b75 { background-color: #636363;}
	.xxlarge-b80 { background-color: #575757;}
	.xxlarge-b81 { background-color: #555555;}
	.xxlarge-b85 { background-color: #4A4A4A;}
	.xxlarge-b87 { background-color: #444444;}
	.xxlarge-b90 { background-color: #3C3C3C;}
	.xxlarge-b94 { background-color: #333333;}
	.xxlarge-b95 { background-color: #2D2D2D;}
	.xxlarge-b98 { background-color: #222222;}
	.xxlarge-b99 { background-color: #111111;}

	/* FONTS */

	.xxlarge-color-glass { color: transparent;}
	.xxlarge-color-white { color: #FFFFFF;}
	.xxlarge-color-black { color: #000000;}
	
	.xxlarge-color-theme { color: #C44727;}
	.xxlarge-color-snow { color: #F9C4BB;}
	.xxlarge-color-light { color: #FCB3A4;}
    .xxlarge-color-medium { color: #DF7366;}
	.xxlarge-color-dark { color: #D84B48;}
	.xxlarge-color-raven { color: #B23636;}
	
	.xxlarge-c3  { color: #FAFAFA;}
	.xxlarge-c5  { color: #F6F6F6;}
	.xxlarge-c7  { color: #F2F2F2;}
	.xxlarge-c10 { color: #EDEDED;}
	.xxlarge-c14 { color: #E6E6E6;}
	.xxlarge-c15 { color: #E3E3E3;}
	.xxlarge-c20 { color: #DADADA;}
	.xxlarge-c25 { color: #D0D0D0;}
	.xxlarge-c27 { color: #CCCCCC;}
	.xxlarge-c30 { color: #C6C6C6;}
	.xxlarge-c35 { color: #BDBDBD;}
	.xxlarge-c40 { color: #B2B2B2;}
	.xxlarge-c45 { color: #A8A8A8;}
	.xxlarge-c50 { color: #999999;}
	.xxlarge-c55 { color: #929292;}
	.xxlarge-c60 { color: #888888;}
	.xxlarge-c65 { color: #7C7C7C;}
	.xxlarge-c67 { color: #777777;}
	.xxlarge-c70 { color: #6F6F6F;}
	.xxlarge-c74 { color: #666666;}
	.xxlarge-c75 { color: #636363;}
	.xxlarge-c80 { color: #575757;}
	.xxlarge-c81 { color: #555555;}
	.xxlarge-c85 { color: #4A4A4A;}
	.xxlarge-c87 { color: #444444;}
	.xxlarge-c90 { color: #3C3C3C;}
	.xxlarge-c94 { color: #333333;}
	.xxlarge-c95 { color: #2D2D2D;}
	.xxlarge-c98 { color: #222222;}
	.xxlarge-c99 { color: #111111;}
}