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

@media screen and (max-width: 999px) { /* only do this if the screen size becomes less than 1000px */

.pagecontent { /* beautify */
	padding: 10px;
}

#participant_regular {
	display: none;
} 

#participant_mobile {
	display: block;
}

.sponsorButton_regular {
	display: none;
} 

.sponsorButton_mobile {
	padding-top: 6px;
	display: block;
}

.participant_photo_area {
	float: left;
	max-width: 40%;
	border: 5px solid #f3f3f3;
	min-height: 90px;
	background-color: #f3f3f3;
}

a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../images/play-btn.png") no-repeat;
  background-position: 50% 50%;
  background-size: 200%;
}

.participant_name_area {
	float: left;
	width: 60%;
	padding-left: 10px;	
}

.participant_name {  /*participant's page*/
	padding: 6px 0px;
	font-size: 1.4em;
}

#badgeMobile {
	display: block;
}

.participant_badge_area {
	display: none;
}

#bottomInfo_regular {
	display: none;
}

#bottomInfo_mobile {
	display: block;
}

.mySponsors_area {
	padding-top: 0;
}


/* CAMPAIGN SPECIFIC */

.campaign_name {  /*participant's page*/
	padding-bottom: 6px;
	font-size: 1.4em;
}


/*

#right-side {
	float: none;
	width: 100%;
	display: block;	
	padding-bottom: 1em;
}

#goal_regular {
	display: none;
} 

#goal_mobile {
	display: block;
} 

#goal_form {
	padding-top: 0px;
}

#left-side {
	float: none;
	padding-right: 0px;
	width: auto;
	max-width: none;
}

#participant_name {
	font-size: 1.2em;
}

#part-story {
	padding: 10px 10px 0px 10px;
}

.goal_box {
	width: auto;
	padding: 12px;
}

.goal_box_photo {
	display: block; /*left justifies */
	float: left;
	padding-bottom: 0px;
}

.goal_box_name_descr {
	display: block;
	float: left;
	padding-left: 12px;
	max-width: 211px;
	overflow: hidden;
	padding-top: 9px;
}

.goal_box_name {
	padding-bottom: 6px;
	padding-left: 0px;
	height: auto;
	font-size: 1.2em;
	text-align: left;
}

.goal_box_descr {
	font-size: 0.8em;
	color: #000000;
}

#badge {
    padding-left: 10px;
	padding-right: 10px;
    padding-top: 10px;
}

#participant_name {
	display: none;
}

#desktop-story {
	display: none;
}

#mobile-story {
	display: block;
	font-size: 16px;
}
/*

@media only screen and (min-width : 50px) and (max-width : 480px) { /* only do this if the screen size becomes less than 481px */



}