/*
	Description: Jean-Christophe BARD Framework
	Version: 1.0
	Author: Jean-Christophe BARD
*/
/***   RESET CSS   ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/*** HTML5 DISPLAY-ROLE RESET ***/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


body  { font-size:100%; font-family:Helvetica, Arial; line-height: 1.5;background:#FFF;}

h1, h2, h3, h4, h5, h6 {color: #333;font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 3em; margin-bottom:0.8em;}
h2 { font-size: 2.5em; margin-bottom:0.5em; }
h3 { font-size: 2em; margin-bottom: 0.3em }
h4 { font-size: 1.8em; margin-bottom: 0.2em}
h5 { font-size: 1.4em; }
em { font-style: italic; }
strong { font-weight: bold; color: #000; }
small {font-size: 80%;}
p{margin:0 0 20px 0;text-align:justify;}

/* #Forms
================================================== */

form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
input[type="text"],input[type="password"],input[type="email"],textarea,select,input[type="search"]  {
	border: none;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	padding:0.5em;
    width: 96%;
	max-width: 100%;
	display: block;
	margin-bottom: 5px;
	background: #fff; 
}

select {padding: 0;}
	
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,input[type="search"]:focus  {
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); 
}
	
textarea {height: 120px;}
label{
	display: block;
	font-weight: bold;
	font-size: 13px;  
}
select {width:99.5%;padding:0.5em; }
input[type="checkbox"] {display: inline; }
label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444; 
}

		
/* #Buttons
================================================== */

.comment-reply-link,.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 5px;
	line-height: normal;
	padding: 8px 10px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.comment-reply-link:hover,.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	color: #222;
	background: #ddd; /* Old browsers */
	background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #ddd -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #ddd linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa; 
}

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(10,10,10,.2) 100%); /* FF3.6+ */
	background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.25)), color-stop(100%,rgba(10,10,10,.2))); /* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.25) 0%,rgba(10,10,10,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255,255,255,.25) 0%,rgba(10,10,10,.2) 100%); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.25) 0%,rgba(10,10,10,.2) 100%); /* IE10+ */
	background: #ccc linear-gradient(top, rgba(255,255,255,.25) 0%,rgba(10,10,10,.2) 100%); /* W3C */ 
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;}
	
	
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";height: 0;}
.clearfix { display: inline-block; }

/***  LINK  ***/
/*
a.button:before {
    border: 1px solid #FFFFFF;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 100%;}

a.button:link, a.button:visited {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
    background-color: #007cdc;
    border: 3px solid #007cdc;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 7px 7px;
    position: relative;
    text-shadow: -1px -1px 0 blue;
    text-transform: capitalize;}*/

a.button:hover, a.button:active {
    box-shadow: 0 0 3px #666;}

.chromeframe { 
	background:#E44D26; 
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;	
	padding: 2em 0; 
}

.chromeframe a{
	color:#333;}

.chromeframe a:hover{
	color:#FFF;}

/***   PLACEHOLDER   ***/
/* chrome, safari */
::-webkit-input-placeholder {color: #4FA20C;font-style:italic;}
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {color:#CCC;font-style:italic;}
/* ie (hack placeholder) */
input.placeholder-text, textarea.placeholder-text  { color:#CCC;font-style:italic;}

/***  RESPONSIVE  GRID   ***/
/* Grille 
----------------------------------------------------------------------------------------------------*/
.container_24 {margin-left: auto;margin-right: auto;width: 1200px;clear:both;overflow:hidden;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {width:40px;}
.container_24 .grid_2 {width:90px;}
.container_24 .grid_3 {width:140px;}
.container_24 .grid_4 {width:190px;}
.container_24 .grid_5 {width:240px;}
.container_24 .grid_6 {width:290px;}
.container_24 .grid_7 {width:340px;}
.container_24 .grid_8 {width:390px;}
.container_24 .grid_9 {width:440px;}
.container_24 .grid_10 {width:490px;}
.container_24 .grid_11 {width:540px;}
.container_24 .grid_12 {width:590px;}
.container_24 .grid_13 {width:640px;}
.container_24 .grid_14 {width:690px;}
.container_24 .grid_15 {width:740px;}
.container_24 .grid_16 {width:790px;}
.container_24 .grid_17 {width:840px;}
.container_24 .grid_18 {width:890px;}
.container_24 .grid_19 {width:940px;}
.container_24 .grid_20 {width:990px;}
.container_24 .grid_21 {width:1040px;}
.container_24 .grid_22 {width:1090px;}
.container_24 .grid_23 {width:1140px;}
.container_24 .grid_24 {width:1190px;}



/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .prefix_1 {padding-left:50px;}
.container_24 .prefix_2 {padding-left:100px;}
.container_24 .prefix_3 {padding-left:150px;}
.container_24 .prefix_4 {padding-left:200px;}
.container_24 .prefix_5 {padding-left:250px;}
.container_24 .prefix_6 {padding-left:300px;}
.container_24 .prefix_7 {padding-left:350px;}
.container_24 .prefix_8 {padding-left:400px;}
.container_24 .prefix_9 {padding-left:450px;}
.container_24 .prefix_10 {padding-left:500px;}
.container_24 .prefix_11 {padding-left:550px;}
.container_24 .prefix_12 {padding-left:600px;}
.container_24 .prefix_13 {padding-left:650px;}
.container_24 .prefix_14 {padding-left:700px;}
.container_24 .prefix_15 {padding-left:750px;}
.container_24 .prefix_16 {padding-left:800px;}
.container_24 .prefix_17 {padding-left:850px;}
.container_24 .prefix_18 {padding-left:900px;}
.container_24 .prefix_19 {padding-left:950px;}
.container_24 .prefix_20 {padding-left:1000px;}
.container_24 .prefix_21 {padding-left:1050px;}
.container_24 .prefix_22 {padding-left:1100px;}
.container_24 .prefix_23 {padding-left:1150px;}



/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .suffix_1 {padding-right:50px;}
.container_24 .suffix_2 {padding-right:100px;}
.container_24 .suffix_3 {padding-right:150px;}
.container_24 .suffix_4 {padding-right:200px;}
.container_24 .suffix_5 {padding-right:250px;}
.container_24 .suffix_6 {padding-right:300px;}
.container_24 .suffix_7 {padding-right:350px;}
.container_24 .suffix_8 {padding-right:400px;}
.container_24 .suffix_9 {padding-right:450px;}
.container_24 .suffix_10 {padding-right:500px;}
.container_24 .suffix_11 {padding-right:550px;}
.container_24 .suffix_12 {padding-right:600px;}
.container_24 .suffix_13 {padding-right:650px;}
.container_24 .suffix_14 {padding-right:700px;}
.container_24 .suffix_15 {padding-right:750px;}
.container_24 .suffix_16 {padding-right:800px;}
.container_24 .suffix_17 {padding-right:850px;}
.container_24 .suffix_18 {padding-right:900px;}
.container_24 .suffix_19 {padding-right:950px;}
.container_24 .suffix_20 {padding-right:1000px;}
.container_24 .suffix_21 {padding-right:1050px;}
.container_24 .suffix_22 {padding-right:1100px;}
.container_24 .suffix_23 {padding-right:1150px;}

/***   MEDIA QUERIES   ***/
@media screen and (max-width: 1279px) {
	body{font-size:96%;}
	.container_24 {width: 960px;}
	/* Grid >> 24 Columns
	----------------------------------------------------------------------------------------------------*/
	.container_24 .grid_1 {width:30px;}
	.container_24 .grid_2 {width:70px;}
	.container_24 .grid_3 {width:110px;}
	.container_24 .grid_4 {width:150px;}
	.container_24 .grid_5 {width:190px;}
	.container_24 .grid_6 {width:230px;}
	.container_24 .grid_7 {width:270px;}
	.container_24 .grid_8 {width:310px;}
	.container_24 .grid_9 {width:350px;}
	.container_24 .grid_10 {width:390px;}
	.container_24 .grid_11 {width:430px;}
	.container_24 .grid_12 {width:470px;}
	.container_24 .grid_13 {width:510px;}
	.container_24 .grid_14 {width:550px;}
	.container_24 .grid_15 {width:590px;}
	.container_24 .grid_16 {width:630px;}
	.container_24 .grid_17 {width:670px;}
	.container_24 .grid_18 {width:710px;}
	.container_24 .grid_19 {width:750px;}
	.container_24 .grid_20 {width:790px;}
	.container_24 .grid_21 {width:830px;}
	.container_24 .grid_22 {width:870px;}
	.container_24 .grid_23 {width:910px;}
	.container_24 .grid_24 {width:950px;}

	/* Prefix Extra Space >> 24 Columns
	----------------------------------------------------------------------------------------------------*/
	.container_24 .prefix_1 {padding-left:40px;}
	.container_24 .prefix_2 {padding-left:80px;}
	.container_24 .prefix_3 {padding-left:120px;}
	.container_24 .prefix_4 {padding-left:160px;}
	.container_24 .prefix_5 {padding-left:200px;}
	.container_24 .prefix_6 {padding-left:240px;}
	.container_24 .prefix_7 {padding-left:280px;}
	.container_24 .prefix_8 {padding-left:320px;}
	.container_24 .prefix_9 {padding-left:360px;}
	.container_24 .prefix_10 {padding-left:400px;}
	.container_24 .prefix_11 {padding-left:440px;}
	.container_24 .prefix_12 {padding-left:480px;}
	.container_24 .prefix_13 {padding-left:520px;}
	.container_24 .prefix_14 {padding-left:560px;}
	.container_24 .prefix_15 {padding-left:600px;}
	.container_24 .prefix_16 {padding-left:640px;}
	.container_24 .prefix_17 {padding-left:680px;}
	.container_24 .prefix_18 {padding-left:720px;}
	.container_24 .prefix_19 {padding-left:760px;}
	.container_24 .prefix_20 {padding-left:800px;}
	.container_24 .prefix_21 {padding-left:840px;}
	.container_24 .prefix_22 {padding-left:880px;}
	.container_24 .prefix_23 {padding-left:920px;}

	/* Suffix Extra Space >> 24 Columns
	----------------------------------------------------------------------------------------------------*/
	.container_24 .suffix_1 {padding-right:40px;}
	.container_24 .suffix_2 {padding-right:80px;}
	.container_24 .suffix_3 {padding-right:120px;}
	.container_24 .suffix_4 {padding-right:160px;}
	.container_24 .suffix_5 {padding-right:200px;}
	.container_24 .suffix_6 {padding-right:240px;}
	.container_24 .suffix_7 {padding-right:280px;}
	.container_24 .suffix_8 {padding-right:320px;}
	.container_24 .suffix_9 {padding-right:360px;}
	.container_24 .suffix_10 {padding-right:400px;}
	.container_24 .suffix_11 {padding-right:440px;}
	.container_24 .suffix_12 {padding-right:480px;}
	.container_24 .suffix_13 {padding-right:520px;}
	.container_24 .suffix_14 {padding-right:560px;}
	.container_24 .suffix_15 {padding-right:600px;}
	.container_24 .suffix_16 {padding-right:640px;}
	.container_24 .suffix_17 {padding-right:680px;}
	.container_24 .suffix_18 {padding-right:720px;}
	.container_24 .suffix_19 {padding-right:760px;}
	.container_24 .suffix_20 {padding-right:800px;}
	.container_24 .suffix_21 {padding-right:840px;}
	.container_24 .suffix_22 {padding-right:880px;}
	.container_24 .suffix_23 {padding-right:920px;}
}

@media screen and (max-width: 959px) {	
	body{font-size:90%;}
	.container_24 {width: 720px;}
	/* Grid >> 24 Columns
	----------------------------------------------------------------------------------------------------*/
	.container_24 .grid_1 {width:20px;}
	.container_24 .grid_2 {width:50px;}
	.container_24 .grid_3 {width:80px;}
	.container_24 .grid_4 {width:110px;}
	.container_24 .grid_5 {width:140px;}
	.container_24 .grid_6 {width:170px;}
	.container_24 .grid_7 {width:200px;}
	.container_24 .grid_8 {width:230px;}
	.container_24 .grid_9 {width:260px;}
	.container_24 .grid_10 {width:290px;}
	.container_24 .grid_11 {width:320px;}
	.container_24 .grid_12 {width:350px;}
	.container_24 .grid_13 {width:380px;}
	.container_24 .grid_14 {width:410px;}
	.container_24 .grid_15 {width:440px;}
	.container_24 .grid_16 {width:470px;}
	.container_24 .grid_17 {width:500px;}
	.container_24 .grid_18 {width:530px;}
	.container_24 .grid_19 {width:560px;}
	.container_24 .grid_20 {width:590px;}
	.container_24 .grid_21 {width:620px;}
	.container_24 .grid_22 {width:650px;}
	.container_24 .grid_23 {width:680px;}
	.container_24 .grid_24 {width:710px;}

	/* Prefix Extra Space >> 24 Columns
	----------------------------------------------------------------------------------------------------*/
	.container_24 .prefix_1 {padding-left:30px;}
	.container_24 .prefix_2 {padding-left:60px;}
	.container_24 .prefix_3 {padding-left:90px;}
	.container_24 .prefix_4 {padding-left:120px;}
	.container_24 .prefix_5 {padding-left:150px;}
	.container_24 .prefix_6 {padding-left:180px;}
	.container_24 .prefix_7 {padding-left:210px;}
	.container_24 .prefix_8 {padding-left:240px;}
	.container_24 .prefix_9 {padding-left:270px;}
	.container_24 .prefix_10 {padding-left:300px;}
	.container_24 .prefix_11 {padding-left:330px;}
	.container_24 .prefix_12 {padding-left:360px;}
	.container_24 .prefix_13 {padding-left:390px;}
	.container_24 .prefix_14 {padding-left:420px;}
	.container_24 .prefix_15 {padding-left:450px;}
	.container_24 .prefix_16 {padding-left:480px;}
	.container_24 .prefix_17 {padding-left:510px;}
	.container_24 .prefix_18 {padding-left:540px;}
	.container_24 .prefix_19 {padding-left:570px;}
	.container_24 .prefix_20 {padding-left:600px;}
	.container_24 .prefix_21 {padding-left:630px;}
	.container_24 .prefix_22 {padding-left:660px;}
	.container_24 .prefix_23 {padding-left:690px;}

	/* Suffix Extra Space >> 24 Columns
	----------------------------------------------------------------------------------------------------*/
	.container_24 .suffix_1 {padding-right:30px;}
	.container_24 .suffix_2 {padding-right:60px;}
	.container_24 .suffix_3 {padding-right:90px;}
	.container_24 .suffix_4 {padding-right:120px;}
	.container_24 .suffix_5 {padding-right:150px;}
	.container_24 .suffix_6 {padding-right:180px;}
	.container_24 .suffix_7 {padding-right:210px;}
	.container_24 .suffix_8 {padding-right:240px;}
	.container_24 .suffix_9 {padding-right:270px;}
	.container_24 .suffix_10 {padding-right:300px;}
	.container_24 .suffix_11 {padding-right:330px;}
	.container_24 .suffix_12 {padding-right:360px;}
	.container_24 .suffix_13 {padding-right:390px;}
	.container_24 .suffix_14 {padding-right:420px;}
	.container_24 .suffix_15 {padding-right:450px;}
	.container_24 .suffix_16 {padding-right:480px;}
	.container_24 .suffix_17 {padding-right:510px;}
	.container_24 .suffix_18 {padding-right:540px;}
	.container_24 .suffix_19 {padding-right:570px;}
	.container_24 .suffix_20 {padding-right:600px;}
	.container_24 .suffix_21 {padding-right:630px;}
	.container_24 .suffix_22 {padding-right:660px;}
	.container_24 .suffix_23 {padding-right:690px;}
}

@media screen and (max-width: 768px)  {
	body{font-size:85%;}
	.container_24{width:100%;}
	.container_24 .grid_1,.container_24 .grid_2,.container_24 .grid_3,.container_24 .grid_4,.container_24 .grid_5,.container_24 .grid_6,.container_24 .grid_7,.container_24 .grid_8,.container_24 .grid_9,.container_24 .grid_10,.container_24 .grid_11,.container_24 .grid_12,.container_24 .grid_13,.container_24 .grid_14,.container_24 .grid_15,.container_24 .grid_16,.container_24 .grid_17,.container_24 .grid_18,.container_24 .grid_19,.container_24 .grid_20,.container_24 .grid_21,.container_24 .grid_22,.container_24 .grid_23,.container_24 .grid_24 {
		width:96%;
		margin-left: 2%;
		margin-right: 2%;
		padding:0px;
	}
	.alpha {margin-left: 2%;}
	.omega {margin-right: 2%;}
}

@media screen and (max-width : 480px){
	body{font-size:80%;}
	.container_24{width:100%;}
	.container_24 .grid_1,.container_24 .grid_2,.container_24 .grid_3,.container_24 .grid_4,.container_24 .grid_5,.container_24 .grid_6,.container_24 .grid_7,.container_24 .grid_8,.container_24 .grid_9,.container_24 .grid_10,.container_24 .grid_11,.container_24 .grid_12,.container_24 .grid_13,.container_24 .grid_14,.container_24 .grid_15,.container_24 .grid_16,.container_24 .grid_17,.container_24 .grid_18,.container_24 .grid_19,.container_24 .grid_20,.container_24 .grid_21,.container_24 .grid_22,.container_24 .grid_23,.container_24 .grid_24 {
		width:96%;
		margin-left: 2%;
		margin-right: 2%;
		padding:0px;
	}
}

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

}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}