body {
    background:#fff;
  	font-family:'Open Sans', sans-serif;
	font-size:18px;
	text-align:center;
}

h1 {
	color:#2c3e50;
	font-size:26px;
	font-weight:bold;
	text-transform:capitalize;
}

h2 {
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	text-transform:capitalize;
	padding-bottom:1em;
}

div.container {
    overflow:hidden;
	margin:0 auto;
    padding-bottom:20px;
}

span.line {
	display:inline-block;
}

/*** intro row ***/

#ss_intro {
	background-color:#F5F5DC;
	line-height:1.75em;
}

#ss_intro h1{ 
	padding:1em 0;
	color:#F0942A;
	line-height:1.25em;
}

#snapfax_logo{
	margin-top:1.5em;
}

#snapfax_logo img{
    width: 100px;
    height: 100px;
}

#snapfax_dl_container
{
   text-align:center;
   padding-bottom: 20px;
   padding-top: 25px;
   padding-left:5px;
   padding-right:5px;
}

.snapfax_dl_img
{
    display:inline-block; 
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    text-align:left;
    vertical-align: top;
}

.snapfax_dl_img img{
    width: 150px;
    height: 50px;
    
}

a#home {
	font-size:14px;
}

/*** how_to_use row ***/

#ss_how_to_use{
	padding: 2em 0;

}
#ss_how_to_use h2 {
	color:#F0942A;
}

#ss_how_to_use iframe {
	width: 90%;
	height: 500px;
    border: none;
	margin-top:0.5em;
	margin-bottom:1em;
    max-width:90%;
}

#scan_steps_container {
	color: #777;
	font-size: 16px;
	text-align:left;
}

#scan_steps_intro {
	margin-bottom:1em;		
}

#scan_steps_detail {
	border:1px solid #ccc;
	border-radius:4px;
	padding:5px 10px 0 10px;
}

#demo {
	text-transform:uppercase;
	font-weight:bold;
	font-size:22px;
	color:#555;
}

/*** how_to_config row ***/

#ss_how_to_config{
	padding-top: 2em;
	padding-bottom: 7em;
	background-color: #CCF0FF;

}
#ss_how_to_config h2 {
	color: #12A5F3;
}

#ss_how_to_config .container {
	padding-top: 1em;
	color: #555;
}

#doc_icon_container {
	padding-top: 2em;
}

/*** footer row ***/
#ss_footer{
    padding-top: 1em;
	font-size: 14px;
}

/* xs */
@media (max-width:767px) {
	#ss_intro {
		line-height:1.5em;
	}

	#ss_intro h1{ 
		line-height:1.25em;
	}

	#snapfax_logo{
		margin-top:1.25em;
	}
}

/* sm and large */
@media (min-width:768px) {
	body { font-size:24px; }
	h1 { font-size:36px; }
	h2 { font-size:36px; }
	a#home { font-size:18px; }
	#demo { font-size:30px; }
	#scan_steps_container { font-size: 20px; }
	#ss_footer{ font-size: 18px; }
}