body, h1, h2, h3 {
	color: #324da1;
	font-family: "Times New Roman", "Times Roman", Times, serif;
	letter-spacing: -0.005em;
}

h1 {
	text-indent: -999em;
	background: #fff url(../img/rg.png) no-repeat top left;
	background-size: contain;
	min-height: 88px;
	margin: 0;
	padding: 0;
}

h2 {
	letter-spacing: -0.02em;
	margin-bottom: 0;
}

h3 {
	font-weight: normal;
	margin-top: 1.2em;
}

.container {
	max-width: 1280px;
	margin: auto;
	padding: 0.25em 1em 1em;
}

.about p {
	margin: 1.8em 0;
}

.extra-pad {
	padding: 1.8em 0;
}

.footer {
	margin: 0;
	background: #111;
	color: #fff;
	line-height: 1.25;
}
.footer h2, .footer a {
	color: #fff;
}

.header {
	padding: 1.2em 0 1.6em;
}

nav ul li {
	display: inline-block;
	padding: 0 1.2em 0 0;
	text-align: right;
	font-size: 0.9em;
}

nav ul li:last-child {
	padding: 0;
}

.footer a:hover {
	color: #bbb;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fade-in {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s
}

.fade-in.phaseone {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
	z-index: 3
}

.fade-in.phasetwo {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
	z-index: 3
}

.fade-in.phasethree {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
	z-index: 3
}

 @media only screen and (max-width : 768px) {
  	.header {
 	 	padding: 0.5em 0;
  	}
 
  	.about {
 	 	margin: 0.5em 0;
  	}
  	
  	.about p {
	  	margin: 0; padding: 0;
  	}
 
  	nav {
 	 	text-align: left;
 	 	padding-bottom: 1.8em;
 	 	border-bottom: 2px solid #ddd;
  	}
  	
  	nav ul {
	  	margin-top: 0.5em;
  	}
  	
  	nav ul li {
  		padding: 0 0 0.25em 0;
  		display: block;
  		text-align: left;
  	}
  
  	
  }