/* Fonts CSS */
	@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

	@font-face {
	    font-family: 'hydrosquad';
	    src: url(fonts/hydrosquad.ttf);
	}

	@font-face {
	    font-family: 'hydrosquadstraight';
	    src: url(fonts/hydrosquadstraight.ttf);
	}

	@font-face {
	    font-family: 'hydrosquadexpand';
	    src: url(fonts/hydrosquadexpand.ttf);
	}

	@font-face {
	    font-family: 'hydrosquadxtraexpand';
	    src: url(fonts/hydrosquadxtraexpand.ttf);
	}
/* Website CSS */
	body 
	{
		font-family: 'Roboto', sans-serif;
	}

	header 
	{
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
	}

	header .logo
	{
		max-width: 6rem;
		margin: 1rem 0 0 1rem;		
	}

	header .menu .item
	{
		display: inline-block;
		border: 1px solid #1F64AF;
		border-radius: 1rem;
		padding: .5rem 1rem;
		cursor: pointer;
		background-color: #fff;
		color: #1F64AF;

		transition: all .5s;
	}

	header .menu .item:hover,
	header .menu .item:active
	{
		display: inline-block;
		border: 1px solid #1F64AF;
		border-radius: 1rem;
		padding: .5rem 1rem;
		cursor: pointer;
		background-color: #1F64AF;
		color: #fff;

		transition: background-color .3s, color .3s;
	}

	.intro {
		min-height: 90%;
		background: url(../img/backgrounds/intro.jpg) no-repeat;
		background-size: cover;
	}

	.intro .white-layer 
	{
		background-color: #fff;
		opacity: 0.7;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.intro .inner-text
	{
		position: absolute;
		max-width: 700px;
		top: 50%;
		left: 50%;

		-webkit-transform: translateX(-50%) translateY(-40%);
		transform: translateX(-50%) translateY(-40%);
	}

	h1
	{
		font-family: 'hydrosquad';
		text-transform: uppercase;
    	font-size: 2rem;
    	line-height: 2rem;
	}

	.inner-text p
	{
		font-size: 1rem;	
		font-weight: 700;
    	
	}

	.section-title
	{
		font-family: 'hydrosquad';
		font-size: 3rem;
		padding:.5rem 1rem; 
	}

	.services-slider
	{
		height: 40rem !important;
	}

	.slide.drone
	{
		max-height: 40rem;		
		background: url(../img/backgrounds/drone.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 60%;
	}

	.slide.rover
	{
		max-height: 40rem;		
		background: url(../img/backgrounds/rover.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 60%;
	}

	.slide .title 
	{
		width: 90%;
		right: 0;
		top: 60%;
		padding: .5rem 1rem;
		font-size: 3rem;
		font-family: 'hydrosquad';
	}

	.slide .read-more 
	{
		width: 70%;
		right: 0;
		top: 73%;
		padding: .5rem 1rem;
		font-size: 1rem;
	}

	

	.slide .title .background 
	{
		opacity: 0.7;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

	}

	.team-member
	{
		max-width: 13rem;
    	margin: 0 auto;
	}

	.team-member .member 
	{
		height: 8.5rem;
    	overflow: hidden;
	}

	.team-member .name
	{
		padding: 0.5rem;
	}

	.team-member .info
	{
		top: 0;
		bottom: -1px;
		right: 0;
		left: 0;
		background-color: rgba(31,100,175,0.8);
		opacity: 0;
		padding: 1rem;

		transition: opacity .5s;
	}

	.team-member .member:hover .info
	{
		top: 0;
		bottom: -1px;
		right: 0;
		left: 0;
		background-color: rgba(31,100,175,0.8);
		opacity: 1;

		transition: opacity .5s;
	}

	footer 
	{
		padding: 1rem;
	}
/* Modal CSS*/
	.reveal-overlay 
	{
		z-index: 200 !important;
	}



/* System CSS */
	body.system {
		background: url(../img/login-bg.jpg) no-repeat;
		background-size: cover;
	}

	.system.header {
		padding: 1em 0px;
		max-width: none;
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
		margin: 1em 0px;			
	}

	.system.header h1{
		color: rgb(37, 252, 113);
		text-shadow: 1px 3px 6px rgb(37, 252, 113);
	}

	.system.camera-container {
		background: rgba(33, 34, 159, 0.8) none repeat scroll 0% 0%;
		border-radius: 1em;
		padding: 2em;
		box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.5);
	}

	.system.review-container {
		background: rgba(40, 1, 72, 0.85) none repeat scroll 0% 0%;
		border-radius: 1em;
		padding: 2em;
		color: white;
		box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.5);
	}

	.email-form {
		opacity: 1;

		transition: opacity 1s;
	}

	.email-form.sent {
		opacity: 0;

		transition: opacity 1s;
	}

	.email-confirmed {
		opacity: 0;
		position: relative;
		top: 0;
		
		transition: all 1s;
	}

	.email-confirmed.sent {
		opacity: 1;
		position: relative;
		top: 0;
		
		transition: all 1s;
	}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
	.slide.drone
	{
		max-height: 40rem;		
		background: url(../img/backgrounds/drone.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 60%;
	}

	.slide.rover
	{
		max-height: 40rem;		
		background: url(../img/backgrounds/rover.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 60%;
	}

	.slide .read-more 
	{
		width: 30%;
		right: 0;
		top: 80%;
		padding: .5rem 1rem;
		font-size: 2rem;
	}

	.slide .title 
	{
		width: 50%;
		right: 0;
		top: 60%;
		padding: .5rem 1rem;
		font-size: 5rem;
		font-family: 'hydrosquad';
	}
	.team-member .member 
	{
		height: 13rem;
    	overflow: hidden;
	}
	.intro .inner-text
	{
		position: absolute;
		max-width: 700px;
		top: 50%;
		left: 50%;


		-webkit-transform: translateX(-50%) translateY(-40%);
		transform: translateX(-50%) translateY(-40%);
	}

	.inner-text h1
	{
		font-family: 'hydrosquad';
		text-transform: uppercase;
    	font-size: 5rem;
    	line-height: 6rem;
	}

	.inner-text p
	{
		font-size: 1.1rem;	
		font-weight: 700;
    	
	}

}