.myLogo{
	color: white;
	font-size: 52px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: -10px 0 0 0;
	padding: 0;
}
.h1SecondLine{
	display: block;
	font-size: 20px;
	padding: 0;
	margin: -15px 0 0 0;
}

.myLogo:hover{
	color: lightgrey;
}

@media only screen and (max-width: 600px) {
	.myLogo {
		font-size: 24px;
	}

	.h1SecondLine{
		display: block;
		font-size: 20px;
		padding: 0;
		margin: -5px 0 0 0;
	}
}


.myH2Home{
	margin-top: 0;
	padding-left: 20px;
	font-size: 40px;
}

.myH2Competitions{
	margin-top: 0;
	padding-left: 20px;
	font-size: 40px;
}

.myH2Competitions:hover{
	text-decoration: underline;
}

.videoTitle{

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.myAthletePageMainPicture{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: 400px;
	object-fit: cover;
	border-radius: 50%;
}

.entryCountryLink{
	color: #656565;
}
.entryCountryLink:hover{
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 800px) {
	.myAthletePageMainPicture {
		width: 450px;
		height: 300px;
	}
}

@media only screen and (max-width: 600px) {
	.myAthletePageMainPicture {
		width: 300px;
		height: 200px;
	}
}

/* Section athletes the attributes row */
.athletesSettingBar{
	margin-top: -30px;
	margin-bottom: 40px;
}

#athletesSettingsSex {
	float: left;
}

#athletesSettingsCountry {
	float: right;
}
#athletesSettingsCountry a{
	color: white;
	font-size: 13px;
}

@media only screen and (max-width: 1000px){
	#athletesSettingsSex {
		float: right;
	}
}

@media only screen and (max-width: 800px){
	#athletesSettingsSex {
		float: left;
	}
	#athletesSettingsCountry{
		float: left;
	}
	#athletesSettingsCountry ul{
		margin: 0;
		padding-left: 30px;
	}
}
/* End of athletes the attributes row */


/* Page About US */
.ourTeamItemTitle{
	color: black;
}

.col-block p .ourTeamItemImg{
	float: left;
	object-fit: cover;
	width: 100%;
	height: 200px;
	margin: 0;
	padding-bottom: 10px;
}

/* END Page About Us */

.joinUsMainImage{
	width: 960px;
	height: 480px;
	object-fit: cover;
}

.staticPostMainImage{
	width: 900px;
	height: 450px;
	object-fit: cover;
}


/* SURVEY RESULTS*/
.surveyResults{
	margin-top: 40px;
}
.surveyResults p{
	margin: 0;
}
progress {
	vertical-align: baseline;
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}
	to {
		background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}
	to {
		background-position: 0 0;
	}
}

.progress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
}

.progress-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	background-color: #007bff;
	transition: width 0.6s ease;
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}



/* articles - facebook video embed */
.facebook-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.facebook-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}