/* 1. Reset
----------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

form,
fieldset,
img
{
	border: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote,
q
{
	quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after
{
	content: "";
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

hr
{
	height: 1px;
	border: 0;
	border-bottom: 1px solid #DDD;
}

.clearfix:after
{
	clear: both;
	display: block;	
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	content: "";
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


/* 2. Typography
----------------------------------------------*/

body
{
	color: #555;
	font: 12px/18px Arial, Helvetica, sans-serif;
}


/* --- Links */
a
{
	color: #088cdd;
	text-decoration: none;
}
a:hover
{
	color: #000;
}

/* --- Service links */
.service a
{
	color: #555;
}
.service a:hover
{
	color: #239dd9;
}


/* --- Paragraph */
p
{
	padding: 0 0 10px;
}


/* --- Lists */
ul,
ol
{
	padding: 0 0 10px 20px;
}


/* --- Headings */
h3,
h4,
h5,
span.avantgarde
{
	margin: 0 0 15px;
	color: #239dd9;
	font-size: 26px;
}

h4,
span.avantgarde
{
	font-size: 16px;
}

h5
{
	font-size: 12px;
}

#side-nav h3
{
	margin: 0 0 15px 20px !important;
	font-size: 16px;
}


/* --- Banner */
body.inner #banner h1
{
	color: #fff;
	font-size: 26px;
}


/* --- Call to action heading */
#call-to-action h2
{
	color: #cfcfcf;
	font-size: 17px !important;
	line-height: 56px;
}
#call-to-action span
{
	color: #62b42f;
}


/* --- Website SEO analysis */
#get-analysis h3
{
	color: #e0701c;
	font-size: 22px;
}


/* --- Testimonials */
#testimonials .quote
{
	font: italic 15px/22px Georgia, Arial, sans-serif;
}
#testimonials .quote span
{
	color: #1c74b0;
	font: normal bold 12px/22px Arial, sans-serif;
}
@media screen and (max-width: 1000px){
h3,
h4,
h5,
span.avantgarde
{
	margin: 0 0 15px;
	color: #239dd9;
	font-size: 18px;
}

h4,
span.avantgarde
{
	font-size: 12px !important;
}

h5
{
	font-size: 12px;
}

#side-nav h3
{
	margin: 0 0 15px 20px !important;
	font-size: 14px;
}


/* --- Banner */
body.inner #banner h1
{
	color: #fff;
	font-size: 18px;
}


/* --- Call to action heading */
#call-to-action h2
{
	color: #cfcfcf;
	font-size: 14px !important;
	line-height: 56px;
}
#call-to-action span
{
	color: #62b42f;
}


/* --- Website SEO analysis */
#get-analysis h3
{
	color: #e0701c;
	font-size: 22px;
}


/* --- Testimonials */
#testimonials .quote
{
	font: italic 13px/22px Georgia, Arial, sans-serif;
}
#testimonials .quote span
{
	color: #1c74b0;
	font: normal bold 12px/22px Arial, sans-serif;
}

}
@media screen and (max-width: 760px){
h3,
h4,
h5,
span.avantgarde
{
	margin: 0 0 15px;
	color: #239dd9;
	font-size: 14px;
}

h4,
span.avantgarde
{
	font-size: 12px;
	display:block;
}

h5
{
	font-size: 12px;
}

#side-nav h3
{
	margin: 0 0 15px 20px !important;
	font-size: 14px;
}


/* --- Banner */
body.inner #banner h1
{
	color: #fff;
	font-size: 18px;
}


/* --- Call to action heading */
#call-to-action h2
{
	color: #cfcfcf;
	font-size: 12px !important;
	line-height: 20px;
	text-align:center;
}
#call-to-action span
{
	color: #62b42f;
}


/* --- Website SEO analysis */
#get-analysis h3
{
	color: #e0701c;
	font-size: 22px;
}


/* --- Testimonials */
#testimonials .quote
{
	font: italic 13px/22px Georgia, Arial, sans-serif;
}
#testimonials .quote span
{
	color: #1c74b0;
	font: normal bold 12px/22px Arial, sans-serif;
}

}