/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section, 
	summary                  { display: block;                }

	audio,
	canvas,
	video                    { display: inline-block;         }

	audio:not([controls])    { display: none; height: 0;      }
	[hidden]                 { display: none;                 }

/* ==========================================================================
   Base
   ========================================================================== */

	html                     { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  }
	body                     { margin: 0;                     }

/* ==========================================================================
   Links
   ========================================================================== */
 
	a:focus                  { outline: thin dotted;          }
	a:active,	             
	a:hover                  { outline: 0;                    }

/* ==========================================================================
   Typography	          
   ========================================================================== */


	abbr[title]              { border-bottom: 1px dotted;     }
	b,			             
	strong                   { font-weight: bold;             }
	dfn                      { font-style: italic;            }
	mark                     { background: #ff0; color: #000; }

	code,		             
	kbd,		             
	pre,		             
	samp                     { font-family: monospace, serif; font-size: 1em; }
				             
	pre                      { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
				             
	q                        { quotes: "\201C" "\201D" "\2018" "\2019";       }
	small                    { font-size: 80%;                }
	sub,		             
	sup                      { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
				             
	sup                      { top: -0.5em;                   }	
	sub                      { bottom: -0.25em;               }

/* ==========================================================================
   Embedded content
   ========================================================================== */

	img                      { border: 0;                     }
	
	svg:not(:root)           { overflow: hidden;              }

/* ==========================================================================
   Figures
   ========================================================================== */

    figure                   { margin: 0;                     }

/* ==========================================================================
   Forms
   ========================================================================== */
	
	fieldset                 { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } 	
	legend                   { border: 0; padding: 0;                        }
	
	button,
	input,
	select,
	textarea                 { font-family: inherit; font-size: 100%; margin: 0;}
	
	button,
	input                    { line-height: normal;                          }
	
	button,
	html input[type="button"], 
	input[type="reset"],
	input[type="submit"]     { -webkit-appearance: button; cursor: pointer;  }
	
	button[disabled],
	input[disabled]          { cursor: default;                              }
	
	input[type="checkbox"],
	input[type="radio"]      { box-sizing: border-box; padding: 0;           }
	
	input[type="search"]     { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
	
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
	
	button::-moz-focus-inner,
	input::-moz-focus-inner { border: 0; padding: 0;                         }

	textarea                { overflow: auto; vertical-align: top;           }

/* ==========================================================================
   Tables
   ========================================================================== */

	table                   { border-collapse: collapse; border-spacing: 0;  }
	
/* =============================================================================
   Lists
   ========================================================================== */

	ul, ol                  { padding: 0 0 0 25px;                           }	   
	ul li                   { list-style: none;                              }	
	ul li ul li             { list-style: circle; margin-left: 5px;          }	
	  				
	ol li                   { list-style-type: decimal;                      }	
	ol li ol li             { list-style-type:lower-alpha; margin-left: 5px; }	
			
	dl dt                   { font-weight: bold;                             }	
	dl dd                   { margin-left: 10px;                             }		  	
	   dd                   { margin: 0 0 0 25px;                            }	
			
	nav ul,		            
	nav ol                  { list-style: none; list-style-image: none;      }


/* ====================== End of Normalize.css ====================== */




/* Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
For best results, use your favorite clearfix here.
-------------------------------------------------------------- */
	.cf:before, .cf:after           { content:""; display:table;                   }
	.cf:after                       { clear:both;                                  }
	.cf                             { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } 

/* Layout
-------------------------------------------------------------- */


	html                            { background: #f0f0ed ;
									  border-bottom:10px solid #E84324;
									  border-top:5px solid #E84324; /* red */	   }

	body                            { color: #212121;
	                                  font: 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; 
		                              vertical-align: baseline;					   
		                      -webkit-font-smoothing: antialiased;                 }

	section                         { margin-bottom: 2em;                          }

	footer                          { font-size: 0.9em;							   
	                                  padding: 0.5em 0 2.5em; 					   
		                              text-align: center;                          }

	.tagline                        { color: #fff;								   
									  font-size: 40px; font-size: 2.5rem; /* 40    / 16 */
									  font-weight: 900;							   
									  line-height: 0.9em;						   
									  padding-left: 2%;							   
									  text-shadow: 2px 2px 5px #000;               } 

	.standout                       { color: #e51d44;                              }								    
	.text-alignment                 { text-align: center;                          }		 
	.line                           { display: block;                              }

	 ul[role="navigation"]          { padding: 0;                                  }
	 ul[role="navigation"] li       { border-bottom: 1px solid #9f9f9f;            }   		
	 ul[role="navigation"] li:hover { background-color: #fff;                      }			
	 ul[role="navigation"] a        { display: block;                              }		
	
	.border                         { border-top: 10px solid #E84324;              }				                    
	.headerimage                    { background: #ececec url(../images/banner-boxing-class.jpg) center top no-repeat; } 

	.shadow                         { background-color: #fff;
				                    
		                      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22);
		                              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22); }

	.padding                        { padding: 5% 3%;                              }	
	
	.facebook                       { background-color: #3564a8;
		
							  -webkit-border-radius: 5px;	
							          border-radius: 5px;
							        
							  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.22); 
							          box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.22);
							          
							          color: #fff;
								
									  padding: 3%;
									
									  text-shadow: 0 -1px 0 rgb(0,123,177);
									  text-align: center;	                       }


/* Typography
-------------------------------------------------------------- */

  /*
	  14 / 16 =     0.875em     
	  16 / 16 =     1em         
	  18 / 16 =     1.125em     
	  21 / 16 =     1.3125em    
	  24 / 16 =     1.5em       
	  30 / 16 =     1.875em         
  */
	
	
	h1, h2, h3, h4, h5, h6 { 
					   color: #3494b9; 
					   font-weight: bold; 
					   line-height: 1.25;
					
					   text-rendering: optimizeLegibility;	         
					   text-shadow:1px 1px rgba(0,0,0, 0.5);         }
		 													         
	h1, .h1          { font-size: 30px; font-size: 1.875rem;         } 		
	h2, .h2          { font-size: 24px; font-size: 1.5rem;           } 		
	h3, .h3          { font-size: 21px; font-size: 1.3125rem;        } 		
	h4, .h4          { font-size: 18px; font-size: 1.125rem;         } 		
	h5, .h5          { font-size: 16px; font-size: 1rem;             }		
	h6, .h6	         { font-size: 14px; font-size: 0.875rem;         }

	a                { color: #cc3300; /* red */
				       font-weight: 600;
				       text-decoration:none;
				   
		       -webkit-transition: all 0.25s linear;
			      -moz-transition: all 0.25s linear;
			       -ms-transition: all 0.25s linear;
			        -o-transition: all 0.25s linear;
				       transition: all 0.25s linear;                 }

  
	a:link 	         { color: #cc3300; text-decoration:none;         }
	a:visited        { color: #cc3300; text-decoration:none;         }	
	a:focus,
	a:hover          { color: #6b92ba; text-decoration:none;         }
	a:active         { color: #cc3300; text-decoration:underline;    }  
		
	::-moz-selection { background: #E84324; color: #fff; text-shadow: none;} /* selected text */
	     ::selection { background: #E84324; color: #fff; text-shadow: none;} /* selected text */	
	
	.heading         { font-size: 35px; font-size: 2.1875rem; /* 35 / 16 */ 
		               margin: 0; 
		               text-transform: uppercase;                    }
	
	.sub-heading     { font-size: 32px; font-size: 2rem; /* 32 / 16 */ 
		               margin-bottom: 0.5em;                         }
	
		
/*	p,li			 { padding: 0.3em 0; margin: 0 0 0.3em 0;	     }*/
	li  			 { list-style:none;                              }
	

	.fn,.email,.tel  { font-weight:bold; line-height: 0.6;           }	

  /* Rendering */
  
  html,input, 
  textarea           { -webkit-font-smoothing:antialiased;           }
	
  [role="contentinfo"]{color: #717070;                               }	
  
  
  
  
  		  
	.facebook a       { color: #fff;								 }
	.dotted		      {
						display:inline-block;
						border-bottom: 1px dotted #FFF;
						width: auto;                                 }
	 
  
  
  

/* Elements
-------------------------------------------------------------- */

	figure           { background: #f8f8f8; margin: 0;               }
	figcaption       { font-size: 0.875em;  padding: 0.5em 1em 1em;  }
	code             { background: #efefef; padding: 0.5em;          }


/*------------------------------------------------------------

	Style.css

	Created by:	Dave Rupert
	Contact:		http://github.com/davatron5000/foldy960

	Copyright 2012
	License:	  WTFPL + "Not going to maintain this because
              the rent is too damn high licence."

--------------------------------------------------------------*/

/* Responsive Resets
-------------------------------------------------------------- */


	html                         {  overflow-y: auto;                }

	iframe,
	img,
	audio,
	video,
	canvas                       {  max-width: 100%;                 }



/* Grid > 6 Column Mobile First
-------------------------------------------------------------- */
	.container {
	  /*
	    The `max-width` property is the width governer. I dare you to experiment
	    with setting this larger, something like 1280px.
	  */
								   max-width: 1280px;
								   margin:0px auto;
								   position: relative;
								   width:92%;                        }

	.row                         { clear: both;                      }


@media screen and (min-width: 480px) {
	.container                   { width: 98%;                       }
	
	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-half,
	.grid-full,
	.grid-unit                   { float: left;
								   margin:0 1.515151515152% 1em;
								   width:96.969696969697%;           }
	
	.gallery .grid-unit,
	.grid-half                   { margin: 0 1.515151515152% 1em;
								   width: 46.969696969697%;          }
	
	.grid-flow-opposite          { float:right;                      }
    .margin-end                  { margin-bottom: 0;                 } /* Removes margin-bootom on Section*/		    

}




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

	.grid-1                      { width: 13.636363636364%;          }
	.grid-2                      { width: 30.30303030303%;           }
	.grid-3,					 							         
	.grid-half                   { width: 46.969696969697%;          }
	.grid-4                      { width: 63.636363636364%;          }
	.grid-5                      { width: 80.30303030303%;           }
	.grid-6,					 							         
	.grid-full                   { width: 96.969696969697%;          }
								 							         
	.gallery .grid-unit          { width: 30.30303030303%;           }	
	.content-pad-right           { padding-right: 4%;                }/* Use (or don't) as necessary. */	
	.content-pad-left            { padding-left: 4%;                 }/* Use (or don't) as necessary. */
    							 
	ul[role="navigation"] li     { border: none; 
	                               float: right;
								   padding: 0.5em;                   }    

	ul[role="navigation"] li:hover{ 
	                       -webkit-border-radius: 6px;
		                           border-radius: 6px;
	                               color: #6b92ba; 
		                           text-decoration:none;             }
		
	.headerimage                 { height: 12em;                     }/* Background header image url(../images/boxing-class1.jpg) */
								 
								 
}								 
								 
								 
@media screen and (min-width: 760px) {
								 
	.container                   { width: 92%;	                     }	
								 
	.tagline                     { color: #fff;
								   font-size: 56px; font-size: 3.5rem;
								   font-weight: 900;
								   line-height: 0.8em;
								   padding-left: 1%;
								   text-shadow: 2px 2px 5px #000;	 }	
								 
	.heading                     { font-size: 40px; font-size: 2.5rem; /* 40 / 16 */ 
								   margin: 0; 
								   text-transform: uppercase;        }
								 
	.sub-heading                 { font-size: 2em;
		                           margin-bottom: 0.5em;             }								 
	.headerimage                 { height: 20em;                     }
	
	
}


@media screen and (min-width: 1024px) {
	
	.container                   { width: 80%;	                     }
			
	
}