/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/


html{
	/* This image will be displayed fullscreen */
	background:url('tb-temp-bg.png') no-repeat center center;
	
	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	
	/* The Magic */
	background-size:cover;
}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
	font-family: "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;
}

section, footer, header{
	display: block;
}


/*----------------------------
	The Body
-----------------------------*/


.wrapper{
	width: 850px;
	margin: 0 auto;
	margin-top: 70px;
}

.content{
	padding-left: 350px;
	padding-top: 140px;
}
.content h1{
	color: white;
	font-weight: 200;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0 20px 0;
	max-width: 500px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}

.phone img{
	float: left;
	width: 310px;
}

/*----------------------------
	The Button
-----------------------------*/

button.blue {
  background-color: #4291c8;
  border: 1px solid #1365a9;
  border-bottom: 1px solid #0b5491;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #4c9adc;
  box-shadow: inset 0 1px 0 0 #4c9adc;
  color: #0e476f;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0 1px 0 #71add6;
  width: 150px; 
}

  button.blue:hover {
    background-color: #2885c6;
    cursor: pointer; 
}

  button.blue:active {
  	background-color: #2885c6;
    -webkit-box-shadow: inset 0 0 8px 4px #0a66a6;
    box-shadow: inset 0 0 8px 4px #0a66a6;