/*
 */

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

html,
button,
input,
textarea {
	color: black;
}

body {
	font-size: 14px;
	line-height: 1.4em;
	font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
	font-weight: 400;
	background-image: url('../img/topo.png');
	background-repeat: repeat;
	padding: 0 0 0 0;
	margin-top: 0px;
	background-size: 200px 200px;
	background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Avenir Next', sans-serif;
	text-transform: uppercase;
	color: #2A2A2A;
	font-weight: 700;
}

h1 {
	font-size: 3em;
	margin: 33px 0;
}

h2 {
	font-size: 2.5em;
	margin: 25px 0;
}

h3 {
	font-size: 2em;
	margin: 22px 0;
}

h4 {
	font-size: 1.6em;
	margin: 25px 0;
}

h5 {
	font-size: 1.2em;
	margin: 30px 0;
}

h6 {
	font-size: 1em;
	margin: 36px 0;
}


p {
	margin: 0 0 3%;
	font-size: 16px;
	line-height: 1.5em;
}


/* Links */
a {
	color: #7C2C55;
	text-decoration: none;
}

a:hover,
a:visited {
	color: #BA287F;
	text-decoration: none;
}


ul {
	list-style-type: square;
	font-size: 1.2em;
	line-height: 1.6em;
}

li {
	margin-bottom: 3%;
}

hr {
	display: block;
	background-color: #9A2764;
	border-top: 2px solid #9A2764;
	padding: 0;
	margin: 5% 0;
}



/* HEADER */

#logo {
	width: 100%;
	padding: 0;
	margin: 4px auto 0;
} 

#topnav {
	 background-color: #8E1A19;
	 padding: 0;
	 font-size: 0.7em;
	 text-align: right;
 }

#topnav a{
	color: white;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0;
}

#topnav a:hover{
	color: #ffb5b5;
}

.nav a:hover{
	background: none !important;
}
.nav a:focus{
	background: none !important;
}

.nav i {
	padding-right: 3px;
}

.nav li{ 
	padding: 13px 15px 0 0px;
	margin-bottom: 2%;
}


/* FRONTPAGE */

#frontwrap1 {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/bst/beast23_a.jpg');
	min-height: 650px;
	padding: 30px 0 0 0;
}

#photo p{
	margin: 0;
	color: white;
	text-align: right;
	font-size: .9em;
	padding: 10px 0 40px 0;
}

#photo a{
	color: white;
}

#front {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/bg/rcmrbg.jpg');

}

#front p{
	color: #fff;
	font-weight: 400;
	line-height: 1.6em;
}

#front h2{
	color: #fff;
	font-size: 4em;
	margin: 0 0;
}

#front h3{
	color: #fff;
	font-size: 2.5em;
	margin: 0 0;
}

.fronthr {
	display: block;
	background-color: #9A2764;
	border-top: 10px solid #9A2764;
	padding: 0;
	margin: 0;
}




.front1small {
	font-size: 0.8em;
	text-align: right;
	margin-bottom: 0;
	
}



#front1bg {
	background-color: #fff;
	margin: 0px 0 30px 0;
	text-align: left;
	padding: 9%;
}

#front1bg p{
	color: #000;
}

#front1bg h3{
	color: #000;
}
#front1bg h2{
	color: #000;
}


#frontwrap2 {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/beastfront24B.jpg');
	min-height: 600px;
	padding: 100px 0;
}



#HERO {
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	padding: 2% 0;
}

#HERO img{
	padding: 0;
}

.HEROxl {
	text-shadow: 3px 3px #5593B3;
	font-size: 5em;
	line-height: 1em;
	color: white;
	margin: 5% 0;
}
.HEROsm {
	text-shadow: 2px 2px 0px #5593B3;
	font-size: 2.5em;
	line-height: 1.5em;
	color: white;
}



.HEROdate {
	text-shadow: 2px 2px #3b3b3b;
	font-size: 1.8em;
	line-height: 1em;
	color: white;
}

.HEROdate a:hover{
	color: white;
}

#HERO hr{
	margin: 15% 5% 0 5%;
}



/*
 * RESULTS
 */
 

 
#results_bg {
	 padding: 0 0 0 0;
	 background-position: center center;
	 background-size: cover;
	 background-attachment: relative;
	 background-image: url('../img/results_bg.jpg');
	 height: 180px;
 }
 
 #results_bg h1{
	 text-align: center;
     margin: 0;
     padding: 55px 0 0 0;
     color: white;
     font-size: 4em;
 }
 
 #results_bg img{
	  margin: 0 auto;
	  width: 22%;
  }
 
 .hisres {
	 border: rgb(164, 164, 164) 1px solid;
	 padding: 10% 10%;
	 margin: 0 1%;
	 background-color: rgba(193, 193, 193, 0.301); 
 } 

.hisres h3{
 color: #7C2C55;
 font-weight: 700;
 font-size: 1.3em;	
 text-align: center;
}

.hisres h4{
  font-size: 1em;
  color: black;
  text-align: center;
  margin: 0;
  font-weight: 700;
}

.hisres h5{
	font-size: 1.1em;
	color: black;
	text-align: center;
	margin: 10% 0 5% 0;
	font-weight: 700;
}

.hisres h6{
	font-size: 1em;
	color: black;
	text-align: left;
	margin: 0 0 7px 0;
	font-weight: 500;
	padding: 1% 3% 0 3%;
	text-transform: none;
}

.hisres i{
	padding-right: 5px;
}

 .hisres p{
	  font-size: 12px;
	  color: black;
	  padding: 2% 3% 0 3%;
	  line-height: 2em;
  }
  
.hisres em{
float: right;
}
 
 #hisrespage {
	 padding: 5% 0;	
	 margin: 0 0 10px 0;
 }
 
 #hisrespage img{
	  padding: 0 25% 3% 25%;
  }
  
 #hisrespage h3{
	 font-size: 1.1em;
  }
 
 
 .caltop {
	 text-align: center;
 }
 
 .box hr {
	 display: block;
	 background-color: #9A2764;
	 border-top: 2px solid #9A2764;
	 padding: 0;
	 margin: 20px 30px;
 }
 
 .calbottom {
	 text-align: left;
	 padding: 0 20px;
	 font-weight: 500;
	 
 }
 
 .calbottom i{
	 color: #8E1B19;
	 margin-right: 5px;
 }
 
.caldisclaimer{
	font-style: italic;
	color: #5b5b5b;
	font-size: 0.8em !important;
	margin-top: 15px;
	text-align: center;
}
 
 #calendar h3{
	 font-size: 3.5em;
	 color: #8E1B19;
	 text-align: center;
	 margin: 0;
	 font-style: italic;
 }
  
 #calendar h5{
	 font-size: 17px;
	 color: #262626;
	 margin: 10% 0 3% 0;		
 }
 
 #calendar h6{
	 font-size: 15px;
	 color: #262626;
	 margin: 3% 0;		
 }
 

 

 
 
 
 
 
.resultsbg {
	
} 
 

.resultslist{
	font-weight: 700;
	padding: 5% 0 0 30%;
	font-size: 1.1em;
	list-style: none;
}

#results {
	background: white;
	padding: 0 0 5% 0;
}

#results img{
	padding: 5% 0 10% 0;
}

#results h1{
	font-size: 1.5em;
	margin: 40px 0 3px 0;
	font-weight: 700;
}
#results h2{
	font-size: 1em;
	margin: 0px;
	font-weight: 700;
}

.retiredtitle {
	text-align: right;
	font-size: 2.5em;
	margin: 0px;
	font-weight: 700;
	color: #7C2C55;
	line-height: 1em;
	text-transform: uppercase;
}

#results h4{
	text-align: center;
	font-size: 1.2em;
	margin: 0px;
	font-weight: 700;
}

#results h5{
	font-size: .9em;
	margin: 0px;
	font-weight: 700;
}

#results h6{
	font-size: .9em;
	margin: 1% 0;
	text-transform: none; 
}

#results p{
	font-size: 1em;
	margin: 0px;
}

#results hr{
	margin: 0 0 5% 0;
}

.resultsbtn {
	font-size: 0.7em;
}


.resultsblurb {
	margin: 10% 0;
	padding: 10% 5%;
	background-color: rgb(242, 242, 242);
	border: 1px solid #7C2C55;
}

.resultsblurb p{
	font-size: 0.9em !important;
	padding: 0 0 3% 0;
}

.resultsrecords {
	border: none;
	background-color: rgb(236, 236, 236);
	margin: 3% 0 0 0;
	padding: 3%;
}

.resultsrecords h5{
	font-size: 1.2em !important;
	padding-bottom: 10px;
}

.resultsrecords p{
	font-size: .9em !important;
	padding: 0 10px 3px 10px;
}

.results_btn {
	margin: 20px 0 !important;
}


.panel-group .panel {
	border-radius: 0;
	border: 1px solid #7C2C55;
}

.panel-default > .panel-heading {
	color: #7C2C55;
	background-color: white;
	border-color: #7C2C55;
}

.panel-title {
	font-size: 1.9em !important;
	text-align: left !important;
}

#resultstable {
	font-size: .7em;
}

#resultstable thead{
	background-color: #991D40;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}

#resultstable td{
	padding: 5px 2px;
	text-align: left;
}


/**
 * Calendar
 * ----------------------------------------------------------------------------
 */

.box {
	border: rgb(164, 164, 164) 1px solid;
	padding: 10% 5%;
	margin: 0 1%;
	background-color: rgba(193, 193, 193, 0.301);
	
} 

.box h5{
	color: #8E1B19 !important;
	font-weight: 700;
	font-size: 2em;	
}

#calendar {
	padding: 5% 0;	
	background-image: url('../img/topo.png');
	background-repeat: repeat;
	margin-top: 0px;
	background-size: 200px 200px;
	background-attachment: fixed;
}

.caltop {
	text-align: center;
}

.box hr {
	display: block;
	background-color: #9A2764;
	border-top: 2px solid #9A2764;
	padding: 0;
	margin: 20px 30px;
}

.calbottom {
	text-align: left;
	padding: 0 20px;
	font-weight: 500;
	
}

.calbottom i{
	color: #8E1B19;
	margin-right: 5px;
}


#calendar h3{
	font-size: 3.5em;
	color: #8E1B19;
	text-align: center;
	margin: 50px 0 0 0;
	font-style: italic;
}

#calendar h4{
	font-size: 1.2em;
	color: #8E3262;
	text-align: center;
	margin: 0 0 50px 0;
}

#calendar h5{
	font-size: 17px;
	color: #262626;
	margin: 10% 0 3% 0;		
}

#calendar h6{
	font-size: 15px;
	color: #262626;
	margin: 3% 0;		
}

#calendar p{
	font-size: 14px;
	color: black;
	padding: 1% 0;		
}

#calendar img{
	padding: 0 20% 0 20%;
}

.racebtnAlign {
	text-align: center;
	margin: 30px 0 0 0;
}

.racebtn {
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0px;
	border: 1px solid #8E1B19;
	background-color: #8E1B19;
	color: white;
	padding: 5px 30px;
}


.racebtn:hover {
	color: white !important;
	background-color: #9A2764;
	border-color: #9A2764;
}

.racebtn:visited{
	color: white !important;
}

/**
 * LIVE
 * ----------------------------------------------------------------------------
 */
#live {
	 padding: 5px 0 5px 0;
	 background-color: #2A3953;
 }

#live h4{
	   color: white !important;
	   margin: 0;
	   padding: 16px 0 0 0;
	   font-size: 2em;
   }
 
#live p{
	font-size: .8em;
	  color: white;
  }

.livebtn {
	padding-top: 25px;
}

#live_race_logo {
	padding: 7px 1% 0 1%;
}


/**
 * HYPE SPONSOR SUPPORT
 * ----------------------------------------------------------------------------
 */
#hype {
	 padding: 0;
	 background-position: center center;
	 background-size: cover;
	 background-attachment: relative;
	 background-image: url('../img/bgpattern.png');
 }

#sponsor {
	padding: 60px 0 60px 0;
}

#sponsor h3 {
	text-align: center;
	color: white;
	padding-bottom: 2%;
	margin-bottom: 0;
	font-size: 2em;
}


#space {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
  }


	  
#support {
  background-color: rgba(0, 0, 0, 0.387);
  padding: 30px 0 20px 0;
  }

#support h6{
  text-align: center;
  color: white;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 1.5em;
  margin: 0;
 } 

#support a{
   color: white;
  } 		


#support p {
  text-align: right;
  color: white;
  font-weight: 500;
  font-size: 0.6em;
  padding: 5px 0 0 0;
  } 

#support img{
  width: 100%;
  margin: auto;
  vertical-align: middle;
  padding: 10%
  } 
 



/**
 * Partner
 * ----------------------------------------------------------------------------
 */

.partner {
	margin-top: 20%;
	margin-right: 10%;
}

.partner h4{
	font-size: 1.5em;
	color: #991D40;
	margin: 0 0 3% 0;
}

.partner p{
	font-size: 1em;
}

.partnerinfo h4{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 3%;
}

.partnerinfo p{
	text-align: center;
	font-size: .9em;
}

#partnerbg {
	background-color: #BA287F;
	margin-bottom: 5%;
}

#partnerbg img{
	padding: 10%;
}

/**
 * Coaching TRR
 * ----------------------------------------------------------------------------
 */


#trrsearch {
	padding: 5% 0 0 0;
}

#trrsearch p{
	padding: 1% 0 0 0;
	font-size: 1.5em;
	font-style: italic;
}



/**
 * Pages
 * ----------------------------------------------------------------------------
 */
 
#int_hero {
	padding: 0 0 0 0;
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/topbg.jpg');
	height: 180px;
}

#int_hero h1{
	text-align: center;
	margin: 0;
	padding: 55px 0 0 0;
	color: white;
	font-size: 4em;
}


#page_text {
	background-color: white;
	padding: 50px 10%;
}

#page_text h4{
	margin: 0;
	font-size: 1.5em;
}

#page_text h5{
	margin: 15px 0 15px 0;
	background-color: #c56ba0;
	padding: 10px;
	color: white;
}

#page_text li{
	font-size: 0.8em;
	margin-bottom: 4px;
}


.paging {
	padding-bottom: 30px;
}

.paging .fal {
	font-size: 4em;
	padding: 10px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#featurepics {
	padding: 5% 0;	
}

.meta {
	padding: 1% 0 0 0;
	font-size: .8em;
	text-align: right;
	font-style: italic;
}


/**
 * Registration
 * ----------------------------------------------------------------------------
 */ 
  
.regbox {
  border: rgb(164, 164, 164) 1px solid;
  padding: 5%;
  margin: 2% 0 2% 0;
  background-color: rgba(193, 193, 193, 0.301);
} 

.regbox p {
	font-size: 0.9em;
}

.regbox h6 {
	font-size: 1.1em;
	margin: 10px 0 10px 0;
	font-weight: 700;
}

.regbox hr {
  display: block;
  background-color: #9A2764;
  border-top: 2px solid #9A2764;
  padding: 0;
  margin: 10px 0;
}

.regbox i{
	color: #8E1B19;
	margin-right: 5px;
}

.pricesingle {
	text-align: center;
	font-weight: 700;
	font-size: 1.2em !important;
	margin-bottom: -20px;
}


/**
* RACES
* ----------------------------------------------------------------------------
*/ 

.raceHERO {
	text-align: center;
}

.raceHERO h1{
	color: white;
	margin: 0;
	padding: 0;
	font-size: 3.5em;
}

.raceHERO h2{
	color: white;
	margin: 0;
	padding: 5px 0 20px 0;
	font-size: 2em;
}

.raceHERO h3{
	color: white;
	margin: 0;
	padding: 5px 0 20px 0;
	font-size: 1.4em;
	line-height: 1.2em;
}





.BIG_intro {
	margin: 2% 0 2% 0;
	padding: 5%;
}

.BIG_intro h3{
	padding-bottom: 0;
	color: white;
	font-size: 2.5em;
	text-align: center;
	font-style: italic;
}

.BIG_intro h4{
	padding-bottom: 0;
	color: white;
	font-size: 1.8em;
	text-align: left;
}

.BIG_intro h5{
	padding-bottom: 0;
	color: white;
	font-size: 1.1em;
	text-align: center;
}

.BIG_intro p{
	text-align: left;
	font-size: 1.1em;
	line-height: 1.7em;
}

.BIG_intro ul{
	font-size: .9em;
}

.BIG_intro a{
	color: rgb(181, 181, 181);
}

#hypebtnalign {
	text-align: center;
}



#racemap {
	padding: 3% 0;
}


#frontwrapRCMR img {
	margin: 10px 0 0 0;
}



#beastherologo {
	margin: 20px 0 5px 0;
}


#lbaherologo {
	margin: 10px 0 0 0;
}

#satherologo {
	margin: 70px 0 0 0;
}





/**
* Beast
* ----------------------------------------------------------------------------
*/



#frontwrapBEAST {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/beast/hero_1225.jpg');
	min-height: 650px;
	padding: 30px 0 0 0;	
}



#BEAST_intro{
	background-color: #476977;
	color: white;
}

#BEAST_intro2{
	background-color: #4B5B62;
	color: white;
}

#utmb {
	padding: 20% 25%;
}

#sky {
	padding: 0 25%;
}

#BEAST_pod {
	padding: 3% 0 7% 0;
	color: #8E1A19;
}

#BEAST_pod h3{
	text-align: center;
	font-size: 2.8em;
	color: #8E1A19;
}

#BEAST_pod h4{
	text-align: center;
	font-size: 1.7em;
	color: #8E1A19;
}


/**
* Saturnalia
* ----------------------------------------------------------------------------
*/

#frontwrapSAT {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/bg/hero_sat_24.jpg');
	min-height: 700px;
	padding: 30px 0 0 0;	
}


#SAT_intro{
	background-color: #ff9600;
	color: white;
}


#SAT_intro h3{
}


/*
 * LBA
 */
 

#frontwrapLBA {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/lba/hero_lba_25_1.jpg');
	min-height: 700px;
	padding: 50px 0 20px 0;	
}


#LBA_intro{
	background-color: #0768BE;
	color: white;
}

/*
 * Trailfest
 */
 

#frontwrapTF {
	background-position: center center;
	background-size: cover;
	background-attachment: relative;
	background-image: url('../img/bg/capitol.jpg');
	min-height: 750px;
	padding: 50px 0 20px 0;	
}


#TF_intro{
	background-color: #CB0081;
	color: white;
}


/**
 * Footer
 * ----------------------------------------------------------------------------
 */

#logo_footer {
	 width: 100%;
	 padding: 0 0 50px 0;
 }
 
 #footer {
	 padding: 3% 0 3% 0;
 }
 
 #footer h4{
	  text-align: left;
	  margin: 0;	  
  }
  
 #footnews p{
	   text-align: center;
	   margin: 0;
	   font-size: 0.9em;	
	   padding: 3% 0 0 0 ;  
   }

#footer ul{
	font-size: .8em;
	list-style-type: none;
	  margin: 0;
	  padding: 0;
}
 
 #footer p {
	 color: #222222;
	 font-size: 0.8em;
	 text-align: center;
 }
 
 #footer a {
	 display:auto;
	 height: auto;
	 text-align: left;
	 line-height: auto;
	 color: #8E3262;
	 text-decoration: none;
 }
 
 #footer a:hover{
	 color: black;
 }
 
 #footer a:visited {
	 color: #8E3262;
 }
 
 #fnav {
	 text-transform: uppercase;
	 font-size: 1.2em;
	 padding-top: 20px;
	 font-weight: 500;
 }
 
 #fnav .fa-gem{
	 margin: 0 5px;
	 
 }

#frace {
  text-transform: uppercase;
  font-size: 1.4em;
  padding: 20px 0;
  font-weight: 500;
  }
  
#frace li{
   padding: 0 0 0 0;
   }
  
  /**
   * 404
   * ----------------------------------------------------------------------------
   */
  
  
  #fourohfour {
	  background-position: center center;
	  background-size: cover;
	  background-attachment: relative;
	  text-align: center;
	  background-image: url('../img/bg4.jpg');
	  padding: 15% 0 25% 0;
	  color: #fff;
	  text-align: center;
  }
  
  #fourohfour h1 {
	  
	  color: #fff;
	  font-size: 5em;
	  padding: 0;
  }
  
  #fourohfour p {
  
	  font-size: 1.8em;
  
  }
  

  
  /* Form fields, general styles first. */
  button,
  input,
  textarea {
	  border: 1px solid #b1b1b1;
	  font-family: inherit;
	  padding: 5px;
  }
  
  input,
  textarea {
	  color: #141412;
  }
  
  input:focus,
  textarea:focus {
	  border: 2px solid #c3c0ab;
	  outline: 0;
  }
  


   .navbar-toggle {
	display: none;
   }
 
 
 /* MEDIA QUERIES */
   
   @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	 /* For iPad portrait layouts only */
	   .logo {
		   width: 25%;
		   padding-top: 3%;
		   padding-bottom: 3%;
		   margin: 0%;	
	   }
	   
	   #logo_footer {
		   width: 40%;
		   padding-bottom: 2%;
	   }
	   
   }
   
   
   @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	 /* For iPad landscape layouts only */
   
   
	   #logo_footer {
		   width: 25%;
		   padding-bottom: 2%;
	   }
   
   }
   
   @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {   
   /* For iPhone portrait layouts only */ 
  

	.collapse {
	 display: none;
   }
	 
   
	   #HERO img {
		   padding: 10% 20% 15% 20%;
	   }
	   
	   
	   .box {
		   margin-bottom: 20px;
	   }
	   
	  #calendar h3 {
		  font-size: 4em;
		  margin-top: 30px;
	  }
	   
	  #calendar h5 {
		  font-size: 18px;
	  }
	  
	  #calendar p {
		  font-size: 15px;
	  }
	   
	   
	   #space h3{
			text-align: center;
			color: white;
			padding-bottom: 5px;
			font-size: 1.5em;
		}
		
		#space {
			display: block;
		  }
	   
		#space img{
			margin: auto;
		   width: 30%;
			padding: 0;
		}
  
	   #support h6 { 
			 text-align: center;
		 }	
		
		#support img{
			margin: auto;
			width: 40%;
			padding-bottom: 5%;
		}

  
	   #hype {
		   padding: 0;
	   }
   
	   #fnav {
		   font-size: 1.3em;
		   padding: 0;	 
	   }
	   
	  .BIG_intro img{
		  display: none;
	  }
	  
	  .regbox img{
		  padding: 3% 20% 0 20%;
	  } 
	  
	  .regbox_in {
		  padding: 15% 0;
	  } 
	  
	  #page_text {
			padding: 20px 1%;
		}
	  
	  #page_text h5 {
		  margin: 35px 0 10px 0;
	  }
	  
	  .boxinside {
		  margin: 10% 1% 1% 1%;
	  }
		   
   
	  #frace {
		   padding: 0;
  
	   } 
   
	   #logo_footer {
		   width: 25%;
		   margin: auto;
		   padding: 5% 0;
	   }
	   
	   #footer_copyright {
		   text-align: center;
		   padding: 1% 0% 0 0;
	   }
	   
	   #footer h4{
		   text-align: center;
		   padding-top: 30px;
	   }
	   #footer p{
		   text-align: center;
	   }
	   
	   #footer ul {
		   text-align: center;
		   padding-top: 3%;
	   }
	   
	   #topnav {
			text-align: left;
			margin: 0;
		  font-size: 1.1em;
		  padding-left: 0 !important;
		  padding-bottom: 10px;
		}
		
		.nav li {
		  padding: 13px 15px 0 20px;
	  }
  
	  .nav > li > a {
		  position: relative;
		  display: block;
		  padding: 5px 0 5px 0;
	  }	
	  

		.navbar-toggle {
		  border: none;
		  float: none;
		  z-index: 1000;
		  margin: 0 auto 5px auto;
		  padding: 0;
		  display: block;
		  font-size: 1.5em;
		  color: white;
		  background-color: none;
		  border: none;
		}
	  
	  .navbar-collapse {
		  -webkit-box-shadow: none;
		  box-shadow: none;
	  }
	   
	 
	   #contenttxt {
	   padding: 28% 5% 2% 5%;
	   }
	   
	   
	   #frontwrap1 {
	   min-height: 500px;
	   padding: 0;
	   }
	   
	   #front1bg {
	   margin: 200px 0 0 0;
	   }
   
	   .frontbtnAlign {
	   text-align: center;
	   margin: 0 2%;
	   }
  
	   #beast_intro h3{
		   text-align: center;
		   font-size: 1.6em;
	   }
	   
	   #beast_intro h5{
		   text-align: center;
		   font-size: 1em;
	   }
	   
	   #logoBEAST {
		   width: 60%;
		   margin: auto;
	   }
	   
	   .beastHERO {
		   margin-top: 10px;
	   }
	   
	   #frontwrapBEAST h1 {
		   font-size: 3em;
	   }
	   
	   #frontwrapBEAST h3 {
		   font-size: 2em;
	   }
	   
	   .nav_sat {
		   margin: 0;
		   text-align: center;
	   }
   
	   .frontbtn {
		   padding: 3px 10px;
		   font-size: 0.9em;
	   }
	   
	   #logoLBA {
		   width: 60%;
		   margin: auto;
	   }
	   
	   .LBAHERO h1 {
		   font-size: 2.5em;
	   }
	   
	   #LBA_intro h3 {
		   font-size: 1.5em;
	   }
	   
	   #int_hero {
		   height: 120px;
	   }
	   
	   #int_hero h1{
		   margin: 0;
		   padding: 40px 0 30px 0;
		   font-size: 2.2em;
	   }
	   
	   #ecclogo {
		   width: 30%;
		   margin: auto;
	   }
	   
	   #live {
			padding: 5px 0 5px 0;
		}
	   
	   #live h4{
			  margin: 0;
			  padding: 16px 0 0 0;
			  font-size: 1.6em;
			  text-align: center;
		  }
		
	   #live p{
		   font-size: .9em;
		   text-align: center;
		 }
	   
	   .livebtn {
		   text-align: center;
		   padding: 5px 0 10px 0;
	   }
	   
	   #live_race_logo {
		   padding: 7px 40% 0 40%;
	   }
	   
	   #results_bg h1{

			margin: 0;
			padding: 50px 0 15px 0;
			font-size: 2em;
		}
		
		#results_bg img{
			 margin: 0 auto;
			 width: 60%;
		 }
	   #results img {
		  margin: 0 auto;
		  width: 35%;
		  padding: 0;
	   }
	   
	   #photo p{
		   font-size: .9em;
		   padding: 95px 0 10px 0;
	   }
	   
	   #beastherologo {
		   margin: 20px auto;
		   width: 40%;
	   }
	   
	   #lbaherologo {
		   margin: 20px auto;
		   width: 40%;
	   }
	   
	   #satherologo {
		   margin: 60px auto 40px;
		   width: 60%;
	   }
   
   }
   
   
   @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
	 /* For iPhone landscape layouts only */
   
	   #logo_footer {
		   width: 40%;
		   margin: auto;
		   padding: 2% 0;
	   }
	   
	   .navi {
	   font-size: .8em;
	   font-weight: 500;
	   text-align: center;
	   word-spacing: 1em;
	   
	   }
	   
	   .logo {
	   margin: auto;
	   width: 8%;
	   padding: 2% 0 0 0;	
	   position: inherit;
	   }	
	   
	   #contenttxt {
	   padding: 8% 5% 2% 5%;
	   }
	   
	   .frontbtnAlign {
	   text-align: center;
	   }
  
   }