/* =================================================================== */
/* 
/*  Media Queries
/*
/* =================================================================== */

/* small laptop screens */
@media only screen and (max-width:1024px) {

header .logo a {
	margin: 0 300px;
	}

} /* 1024 */

/* small laptop screens */
@media only screen and (max-width:960px) {

header .logo a {
	margin: 0 200px;
	}

} /* 960 */

@media only screen and (max-width:900px) {

header .logo a {
	margin: 0 100px;
	}

} /* 900 */


/* tablets */
@media only screen and (max-width:768px) {

header .logo a {
	margin: 0 100px;
	}

} /* 768 */


/* mobiles */
@media only screen and (max-width:600px) {

header .logo a {
	margin: 0 100px;
	}
#hero {
  max-width:120%;
}
h1 {
	font: 18px "raleway-heavy", sans-serif;
	letter-spacing: 2.0px;
	margin-bottom: 8px;
	padding: 18px 0px 5px 0px;
	}
.service-list {
	margin: 0 -22px;
}
.service-list .bgrid {
	margin-top: 6px;
	margin-bottom: 8px;
}

/* back to top */
footer #go-top {
	right: 0px;
}
footer #go-top a {
	padding: 12px;
}	
} /* 600 */


/* phones */
@media only screen and (max-width:480px) {

header .logo a {
	margin: 0 80px;
	}
#hero {
  max-width:120%;
}
h1 {
	font: 18px "raleway-heavy", sans-serif;
	letter-spacing: 2.0px;
	margin-bottom: 8px;
	padding: 18px 0px 5px 0px;
	}
.service-list {
	margin: 0 -22px;
}
.service-list .bgrid {
	margin-top: 6px;
	margin-bottom: 8px;
}

/* back to top */
footer #go-top {
	right: 0px;
}
footer #go-top a {
	padding: 12px;
}	
} /* 480 */


@media only screen and (max-width:460px) {

header .logo a {
	margin: 0 80px;
	}
#hero {
  max-width:120%;
}
h1 {
	font: 18px "raleway-heavy", sans-serif;
	letter-spacing: 2.0px;
	margin-bottom: 8px;
	padding: 18px 0px 5px 0px;
	}
.service-list {
	margin: 0 -22px;
}
.service-list .bgrid {
	margin-top: 6px;
	margin-bottom: 8px;
}

/* back to top */
footer #go-top {
	right: 0px;
}
footer #go-top a {
	padding: 12px;
}	
} /* 460 */


@media only screen and (max-width:420px) {

header .logo a {
	margin: 0 80px;
	}
#hero {
  max-width:120%;
}
h1 {
	font: 18px "raleway-heavy", sans-serif;
	letter-spacing: 2.0px;
	margin-bottom: 8px;
	padding: 18px 0px 5px 0px;
	}
.service-list {
	margin: 0 -22px;
}
.service-list .bgrid {
	margin-top: 6px;
	margin-bottom: 8px;
}

/* back to top */
footer #go-top {
	right: 0px;
}
footer #go-top a {
	padding: 12px;
}	
} /* 420 */


@media only screen and (max-width:400px) {

header .logo a {
	margin: 0 80px;
	}
#hero {
  max-width:120%;
}
h1 {
	font: 18px "raleway-heavy", sans-serif;
	letter-spacing: 2.0px;
	margin-bottom: 8px;
	padding: 18px 0px 5px 0px;
	}
.service-list {
	margin: 0 -22px;
}
.service-list .bgrid {
	margin-top: 6px;
	margin-bottom: 8px;
}

/* back to top */
footer #go-top {
	right: 0px;
}
footer #go-top a {
	padding: 12px;
}
} /* 400 */


/* make sure the menu is visible on larger screens
-------------------------------------------------------------------------- */

@media only screen and (min-width:768px) {
	#dl-menu ul#nav {
		display: block !important;
	}
}