@charset "UTF-8";
@import url(font-awesome.min.css);
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

.pgn {
	position: relative;
	background-position: center;
	background-size: cover; 
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image: url("images/RD_image.jpeg"); 
	opacity: 1.0; 
	min-height: 100%;
	text-align: center; 
}

.border { 
	color: rgb(255, 255, 255); 
	text-shadow: rgb(11, 102, 35) 3px 3px; 
	font-size: 50px; 
	font-family: Lato, sans-serif;
}

.sub { 
	color: rgb(255, 255, 255); 
	text-align: center;
	font-size: 50px; 
	font-family: Lato, sans-serif;
	text-shadow: rgb(11, 102, 35) 2px 2px; 
}

.sub1 { 
	margin-left:60px;
	margin-right:60px;
	margin-top: -12%;
	color: rgb(255, 255, 255); 
	text-align: center;
	font-size: 18px; 
	font-family: Lato, sans-serif;
	text-shadow: rgb(11, 102, 35) 2px 2px; 
}

p {
	font-family: Lato, sans-serif; 
	color: rgb(255, 255, 255);
	font-size: 50px; 
	text-shadow: rgb(11, 102, 35) 2px 2px;
	margin-left:60px;
	margin-right:60px;
	margin-top: -12%;
	
		
}

p1 {
	font-family: Lato, sans-serif; 
	color: rgb(255, 255, 255);
	font-size: 35px; 
	text-shadow: rgb(11, 102, 35) 2px 2px;
	margin-left:60px;
	margin-right:60px;
	margin-top: -12%;
	
		
}

.grid { 
	margin-top: -12%;
	display: flex;
	flex-flow: row wrap; 
	width: 100%; 
	justify-content: space-around; 
}

.grid h1 { 
	text-align: center;
	margin-bottom: 10px; 
	float: none; 
}

.b5 { margin-top: 15%; }

.b3 { margin-top: 15%; }

.b8 { margin-top: 15%; }

.b7 { margin-top: 15%; }

.b6 { margin-top: 15%; }

.b4 { margin-top: 15%; }

.b2 { margin-top: 15%; }

.b1 { margin-top: 15%; }

.b9 { margin-top: 15%; }

.b10 { margin-top: 15%; }

.b11 { margin-top: 15%; }

.b12 { margin-top: 15%; }

.grid > div { 
	padding: 10px; 
	cursor: pointer; 
	align-items: center;
	justify-content: center;
	height: 300px; 
	transition: all 0.5s ease-in-out 0s;
	margin-bottom: 20px; 
	text-align: center; 
}

.grid > div:hover { transform: scale(1.1); }