@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,600|Roboto:300,400,500');

html{
	width:100%;
	min-height:100%;
	background:url('../img/business.jpg') 50% 50% no-repeat;
	background-attachment: fixed;
	background-size:cover;
	position:relative;
}

body{
	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding-bottom:5em;
	background:transparent;
}

.wrapper {
  overflow:hidden;
  position:relative;
}	

footer{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	background:rgba(0,0,0,0.5);
	padding:1.5em 0;
	text-align:center;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:300;
}

.box{
	background:rgba(0,0,0,0.7);
	border-radius:40px;
	padding:40px 40px 60px;
	width:100%;
	max-width:800px;
	margin:4em auto 4em;
	text-align:justify;
	color:#fff;
	position:relative;
}
	
h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:2.6em;
	margin:2em 0 0;
	color:#fff;
	text-transform:uppercase;
}

h2{	
	font-size:1.5em;
	text-align:left;
	margin:0 0 1em;
	text-transform:uppercase;
	line-height:1.4;
}

p{	
	text-align:justify;
	line-height:1.8;
}

.logo{
	text-align:center;
}
	.logo img{
		padding: 2em 0;
	}
	
.action{	
	position:absolute;
	bottom:-40px;
	left:0;	
	right:0;	
	padding:0 15px;
}	
		
	.button{
		display:block;
		width:100%;
		position:relative;
		margin:0 auto;
		max-width:400px;
		height:2em;
		line-height:2em;
		background:#ffa500;
		color:#ffffff;	
		font-family: 'Roboto Condensed', sans-serif;
		font-size:2.5em;
		font-weight:600;
		text-transform:uppercase;
		text-align:center;
		border-radius:40px;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
		}
			
			.button:hover,
			.button:active,
			.button:focus{
				color:#ffffff;
				text-decoration:none;
			}
		
.jump {
    -webkit-animation: jump 1.5s ease 0s infinite normal ;
    animation: jump 1.5s ease 0s infinite normal ;
 }

@-webkit-keyframes jump {
  0%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40%{
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  60%{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  80%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
 }
}
		
@media (max-height: 767px){
	h1{
		margin-top:1.5em;
	}	
	
	.box{
		margin-top:1em;
	}
	
	.button{
		font-size:2.2em;
	}
}

@media (max-width: 767px){
	body{
		font-size:14px;
	}
	
	.box{
		padding:30px 15px 40px;
		margin:2em auto 4em;
	}
	h2{	
		font-size:1.2em;
	}
}