@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 999px) { /* only do this if the screen size becomes less than 1000px */
  #frame, #mastheadFrame {
	  padding: 0px;
  }

  #header {
	  min-height: 38px;	
  }
  #logo img {
	max-height: 25px;
	width: auto;
  }
  #headerRightSide {
	font-size: 0.8em;
  }

  #socialmedia img {
	  width: auto;
	  max-height: 20px;
  }
  
  #register a {
	  font-size: 0.8em;
	  padding: 5px 8px 4px;
	  position: relative;
  } 
  /*
  nav a { /* this styles the links to look like mobile links 
	  display: block;
	  margin: 0px;
	  padding: 9px;
	  border-bottom: 1px solid #f5a06e;
	  background: url(../images/mobile_link_arrow.png) no-repeat right center;
  }
  
  nav a:hover { color: #fff; background-color: rgba(255,255,255,.15); } /* rgb-alpha where the alpha is the percentage of transparency 
  
  .home-nav { margin-left: 0px }

  a.mobile_menu {
	  display: block;
	  height: 34px; 
	  background: #000 url(../images/mobile_link_menu.png) no-repeat 4px 4px;
	  cursor: pointer;
  }
  
  a.mobile_menu.selected { background-position: 4px -26px}  
  */
  
  #individuals_large #button, #teams_large #button {
	  padding: 6px 4px 4px;
  } 
    
  #team_button, #part_button {
	  font-size: 130%
  }   
  
  .regbox {
	  width: 100%;
  }
  .buttonLeft {
	  float: none;
	  margin-bottom: 12px;
	  text-align: center;
  }
  .buttonRight {
	  float: none;
	  text-align: center;
	  margin-bottom: 12px;
  }
  
  .sponsor-carousel .item img{
	width: 150px;
  }

}

@media screen and (max-width: 589px) { /* only do this if the screen size becomes less than 590px */
  .reg_Buttons {
	  float: none;
	  width: 100%;	
  }
  .alreadyParticipated a {
	width: 270px; 
	font-size: 1.2em;
	margin-bottom: 0.5em;
  }  
} 

@media screen and (max-width: 479px) { /* only do this if the screen size becomes less than 480px */
  #headerRightSide {
	font-size: 0.7em;
  }

  #socialmedia img {
	  width: auto;
	  max-height: 16px;
	  padding-top: 1px;
  }
  
  #individuals_large #button, #teams_large #button {
	  width: 60px;
  }   
    
  #team_button, #part_button {
	  font-size: 110%
  }
  
  a.rounded-button-larger, input[type="submit"].form-button-larger {font-size: 0.75em}

  .error span, .errorcheckboxes span {
	  font-size: 95%;
  }
  
  div.error > img {
	  width: 20px;
	  height: 20px;
  }

  .mobileParticipantDetail {
	  display: block;
	  padding-left: 1em;
  }
  
  table#participantsTable { padding: 0em;	}	
  
  table#participantsTable td:nth-child(3), table#participantsTable td:nth-child(4) { display: none; }
  
  table#participantsTable td:nth-child(1) {width: 20%}
  table#participantsTable td:nth-child(2) {width: 60%}  
  table#participantsTable td:nth-child(5) {width: 20%}


  .sponsor-carousel .item img{
	width: 125px;
  }  
  
  .optionalFeeBox {
	  width: 100%;
  }  
  
}
 
@media screen and (max-width: 361px) { /* only do this if the screen size becomes less than 480px */

}
 
}