html { 
  margin: 0; padding: 0; height: 100%;
}

body { 
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bold;
}

#page #sponsors #ads {
  background-color: black; 
}

  .col { 
    display: flex;
    flex-direction: column;
  }
  
  .row {
    display: flex;
    flex-direction: row;
  }

#hint {
  float: left;
  color: blue;
}
 
#page {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text {
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 250px;
}

#header {
  color: #165AE0;
}

#org {
  font-size: 70px;
  padding-top: 10px;
  text-align: center;
}

#date {
	color: #2CC4FF;
	font-size: 40px;
	text-align: center;
}

#status {
  color: #165AE0;
  font-size: 80px;
	text-align: center;
  margin-bottom: 5%;
}

  #detail {
    font-weight: bold;
  }
  
  #numbers {
  	display: flex;
  	flex-direction: row;
  }
  
  #sect {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
    justify-content: flex-start;
  }
    
  #comp { 
  	flex: 1; 
  	display: flex; 
  	flex-direction: column; 
  	align-items: center; 
  }

  .hdr { 
  	flex: 1; 
  	font-size: 3em;
  	color: #2CC4FF;
  }
  
  .val { 
  	flex: 1; 
  	font-size: 10em;
  	color: #FFFFFF;
  }
  

#sponsors {
	text-align: center;
  /* align-items: flex-top; */
}

  .ad {
	  display: none;
	  position: absolute;
	  left: 0px;
	  top: 0px;
     width: 100%;     
     height: 100%;    
}

#footer { 
	align-items: flex-end;
}

#logos { 
	margin: 0 50px;
}

#rea_logo { 
	float: left; 
	margin: 20px 0; 
	height: 180px;
}

#rrc_logo { 
	float: right; 
	margin: 20px 0; 
	height: 180px;
}