.profilecolumn {
  float: left;
  
  padding: 5px;
}

/* Clearfix (clear floats) */
.profilerow {
  content: "";
  clear: both;
  display: table;
  margin: auto;
  
 
  padding: 10px;
}

.flex-container {  
  display: flex;
  height: auto;
  flex-wrap: wrap;
  align-content: space-between;
  flex-direction: row;
  margin-left:20%;
  margin-right:20%;  
  text-align: center
}

.flex-container > div {
  border: 5px solid #F78507;
  border-radius: .5em;
  padding: 10px;
  margin: 1em;
  background-color: #f1f1f1; 
  margin: 10px;
  
  font-size: 20px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  flex-direction: column;
  width: 100%;
 }
 
 .users-container > div {
  border: 5px solid #F78507;
  border-radius: .5em;
  padding: 10px;
  margin: 1em;
  background-color: #f1f1f1; 
  margin: 10px;
  line-height: auto;
  font-size: 14px;
  display: inline-block;
  flex-direction: column;
  
 }
 
 .user-update-container > div {
  border: 5px solid #F78507;
  border-radius: .5em;
  padding: 10px;
  margin: 1em;
  background-color: #f1f1f1; 
  margin: 10px;
  line-height: auto;
  font-size: 20px;
  display: inline-block;
  flex-direction: column;
  
 }

.name {
  display: flex;  
  text-align: center;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 30%;
  font-weight:bold;
}

.event {
  display: flex;
  padding: 10px;
  font-weight:normal;
  width: auto;  
  text-align: left;
}

.eventimg {
  display: flex;  
  max-width: 100%;
  height: 100%;
  border-radius: .5em;
}

.eventdesc {
  display: flex;
  padding-left: 10px;
  margin-right: auto;
}

.eventtype {
  display: flex;
  padding-left: 10px;
  
}



.btnLRRL {
	display: flex;
	padding: 13px;
	background-color: #f38670;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
}

.btnXC {
	display: flex;
	padding: 13px;
	background-color: #92ce84;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
	
}

.btnO {
	display: flex;
	padding: 13px;
	background-color: #5d9cec;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
}

.btnPOPS {
	display: flex;
	padding: 13px;
	background-color: #F78507;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
}

.btnEnter {
	display: flex;
	padding: 13px;
	background-color: #5d9cec;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: center;	
}


.btnRunLeader {
	display: flex;
	padding: 13px;
	background-color: #f38670;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: center;	
}

.btnFounder {
	display: flex;
	padding: 13px;
	background-color: #F78507;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: center;	
}

.btnCommittee {
	display: flex;
	padding: 13px;
	background-color: #5d9cec;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: center;	
}

.btnCaptain {
	display: flex;
	padding: 13px;
	background-color: #92ce84;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: center;	
}

.mainHeading {
	color:#F78507;
	text-align: center;
	font-weight:bold ;
	font-size: 24px ;
}

.mainText {
	color: black;
	width:80% ;
	padding-left:10% ;
}