*
{
	margin: 0px;
	padding: 0px;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}

#time{
	margin-top: 5%;
	color: white;
	font-family: 'Lato', Helvetiva, Arial, sans-serif;
	text-align: center;
	font-size: 3.5em;
	display: block;
	min-width: 200px;
	font-weight: 100;
	
	/*border: 1px solid white*/
}

.content{
	margin-top: 15%;
}

#instructions{
	margin-top: 5%;
	color: white;
	font-family: 'Lato', Helvetiva, Arial, sans-serif;
	text-align: center;
	display: block;
	min-width: 100px;
	padding: 25px;
}


/* slider */

.download {
	margin: 0 auto;
	margin-top: 5%;
	left: 7px;
    width: 280px;
    height: 46px;
    
    /* set the wrapper as the anchor element for positioning*/
    position: relative;
}


   

.download span {
    /* position the text just below the button */
    position: absolute;
    z-index: 99;
    top: 20%;
    left: 20%;
    opacity: 1;
    font-family: "Lato", Helvetica, sans;
	font-style: normal;
    font-size: 24px;
    color: white;
}

.download span a{
	text-decoration: none;
	color: white;
}