@charset "UTF-8";
/* CSS Document */
.wide_rectangle{
	clear:none;
	display: table;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
	width: 100%;
}

.wide_rectangle_text{
	padding-left: 30px; 
	padding-right: 30px; 
	vertical-align: middle; 
	display: table-cell;
}

#join_text{
	font-weight: 300; 
	padding-top: 15px;
}

.small_square{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	display: table;
	vertical-align: middle;
	clear:none;
	width: 100%
}

.reg_square{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	display: table;
	vertical-align: middle;
	clear:none;
}

.reg_square_text{
	vertical-align: middle; 
	display: table-cell;
}

.reg_square_text_int{
	font-weight: 300;
}

.small_square_text{
	vertical-align: middle; 
	display: table-cell;
	line-height: 150%;
}

.xsmall_square{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	display: table;
	vertical-align: middle;
	clear:none;
}

.xsmall_square_text{
	padding-left: 30px; 
	padding-right: 30px; 
	vertical-align: middle; 
	display: table-cell;
}

.tall_rectangle{
	clear:none;
	display: table;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.tall_rectangle_text{
	padding-left: 30px; 
	padding-right: 30px; 
	vertical-align: middle; 
	display: table-cell;
}

@media screen and (min-width:1149px){	
	.wide_rectangle{		
		height: 240px;
		font-size: 40px;
	}
	.small_square{
		height: 400px;
		font-size: 40px;
	}
	.reg_square{
		height: 400px;
		font-size: 28px;
		width: 50%;
	}
	.reg_square_text_int{
		font-size: 24px;
		line-height: 175%;
	}
	.xsmall_square{
		height: 400px;
		font-size: 26px;
		width: 50%;
		line-height: 175%;
	}
	.tall_rectangle{		
		width: 50%;
		height: 800px;
		font-size: 40px;
	}
	#join_text{
		font-size: 36px;
	}
}

@media screen and (min-width:1250px){
	.small_square_text{
		padding-right: 25%;
		padding-left: 50px;
	}
}

@media screen and (max-width:1250px){
	.small_square_text{
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (max-width:1149px) and (min-width:900px){
	.wide_rectangle{		
		height: 220px;
		font-size: 32px;
	}
	.small_square{
		height: 300px;
		font-size: 30px;
	}
	.reg_square{
		height: 350px;
		font-size: 24px;
		width: 50%;
	}
	.reg_square_text_int{
		font-size: 20px;
		line-height: 175%;
	}
	.xsmall_square{
		height: 300px;
		font-size: 22px;
		width: 50%;
		line-height: 175%;
	}
	.tall_rectangle{
		width: 50%;
		height: 600px;
		font-size: 30px;
	}
	#slideshow{
		height: 600px;
	}
	#join_text{
		font-size: 26px;
	}
}

@media screen and (max-width:900px) and (min-width:800px){
	.wide_rectangle{		
		height: 200px;
		font-size: 28px;
	}
	.small_square{
		height: 250px;
		font-size: 26px;
	}
	.reg_square{
		height: 275px;
		font-size: 20px;
		width: 100%;
	}
	.reg_square_text_int{
		font-size: 18px;
		line-height: 125%;
	}
	.xsmall_square{
		height: 250px;
		font-size: 20px;
		width: 50%;
		line-height: 150%;
	}
	.tall_rectangle{
		width: 50%;
		height: 500px;
		font-size: 26px;
	}
	#join_text{
		font-size: 22px;
	}
}

@media screen and (max-width:800px){	
	.wide_rectangle{		
		height: 200px;
		font-size: 28px;
	}
	.small_square{
		height: 250px;
		font-size: 26px;
	}
	.reg_square{
		height: 275px;
		font-size: 20px;
		width: 100%;
	}
	.reg_square_text_int{
		font-size: 18px;
		line-height: 125%;
	}
	.xsmall_square{
		height: 200px;
		font-size: 20px;
		width: 100%;
		line-height: 150%;
	}
	.tall_rectangle{
		width: 100%;
		height: 500px;
		font-size: 26px;
	}
	#join_text{
		font-size: 22px;
	}
}