body {
	font-family: 'Source Sans Pro', sans-serif;
	margin:0;
	padding:0;
	font-size:22px;
	line-height:35px;
	color:#464646;
	background-color:#d0ddec;
	background:url(../images/blestweb-bg.jpg) no-repeat top center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a {
	text-decoration:none; 
	color:inherit;
}

h1 {
	font-size:22px;
	line-height:40px;
	color:#2d282a;
}

p{
	margin:20px;
}

.logo{
	text-align:center;
	padding-top:10%;
	padding-bottom:20px;
}

.mainblock{
	padding-bottom:15%;
}

#transparent {
  background:#7f7f7f;
  background:rgba(0,0,0,0.5);
  color:#fff;
  padding-top:30px;
  padding-bottom:20px;
}

.cta-block{
	font-size:36px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding: 40px;
	padding-top: 80px;
	margin-bottom:40px;		
}

.fa-2x {
	margin-bottom:30px;
}

.fontawesome { 
	font-family:'FontAwesome'; 
	font-size:24px;
}

#webdesign {	
	background-color:#ff7e00;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	width:100%;
}

	#webdesign:hover {
		background-color:#c56201;
	}

	#webdesign:active {
		position:relative;
		top:1px;
	}

#marketing {	
	background-color:#24cce9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	width:100%;
}

	#marketing:hover {
		background-color:#1897ad;
	}
	
	#marketing:active {
		position:relative;
		top:1px;
	}

#wordpress {	
	background-color:#b988df;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	width:100%;
}

	#wordpress:hover {
		background-color:#8761a4;
	}
	
	#wordpress:active {
		position:relative;
		top:1px;
	}

#footer {
	background-color:#0084c7;
	font-size:20px;
	text-align:center;
	color:#fff;
	padding:20px;
	
	
}


/* #Mobile - Landscape
================================================== */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.cta-block {font-size:28px;}
}

  /* Note: Design for a width of 480px */
@media only screen and (min-width: 30em) {
	.cta-block {font-size:28px;}

} /* Close Mobile Landscape media query */

@media only screen and (min-width: 640px) {
	.cta-block {font-size:22px;}
}

/* #Tablet - Portrait
================================================== */
  /* Note: Design for a width of 768px */
@media only screen and (min-width: 48em) {
	.cta-block {font-size:28px;}
	
} /* Close Tablet media query */

/* # 960 Grid - Desktop
================================================== */
  /* Note: Design for a width of 960px */
@media only screen and (min-width: 60em) {
	.cta-block {font-size:36px;}
} /* Close Desktop media query */

/* Going BIG, we love the large screens - 1200px and up
================================================== */
  /* Note: Design for a width of 1200px */
@media only screen and (min-width: 75em)  {} /* Close Wide Desktop media query */


@media only screen and (min-width: 1400px)  {
	.mainblock {padding-bottom: 8%;}
}