/* *************** Styling for Mobile first **************/

/******** Logo Styling ***********/

/* Amends logo size. */
/*** The combination of the next 2 statements allows logo to show correctly on mobiles ********/
img{
	width:60%;
}

.tm-logo-small {
display: inline;
}

/************************ Styling for Off Canvass Menu ***************/

.uk-nav-offcanvas ul a {
	font-size:medium;
}

.uk-nav-offcanvas > li > a{
	font-size:medium;
}

/********************************************/

/* Tint screen brightness */
.sprocket-features-img-container.sprocket-fullslideshow-image img {
filter: brightness(70%);
}


/* Positioning the text on the slider. */
 .layout-slideshow .sprocket-features-desc{
	
	margin-top:50px; 
	font-size:1.7em;
	color:white;

}

/************ .layout-slideshow .sprocket-features-desc p.fwd{
	
	margin-top:0px; 
	margin-bottom:90px;
	font-size:0.7em;
	color:white;

} **********|

/* Amend top-a module, "Need help with digital marketing?" */
p.digmark{
	font-size:1.3em;
	text-align:center;
	}
	
.top-a-outer{
	height:6em;
}
	
	/*** Styling box panels  *********/
	p.homebox{
	font-weight:900;
	}
	
.uk-panel-box-secondary{
	width:75%;       /* Equalising the widths of box panels */
	font-size:1.4em;	}
	
	.uk-grid > * > :last-child{
	
	margin-bottom:50px;  /* preventing panels from touching on mobiles (& tablets) ****/
}	

/***** Styling H tags ********/
h1{
	color:;
	font-size:2em;
	font-style:bold;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1em;
}

h2{
	font-size:1.8em;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1em;
}



h3{
	font-size:1.2em;
	font-family: 'Roboto Condensed', sans-serif;
		
}

/**** End of styling H tags ****/

/*** styling paragraphs in main content **********/
p.maintext, li{
	font-size:1.4em;
	line-height:1.6;
	font-style:bold;
	}
	
	/** styling main-bottom **/
p.mb{
	font-size:1.6em;
	text-align:center;
	color:#00a000;
	font-style:bold;
	}
	
	
	
	/* *************  Styling Client logos ********** */	
p.client_logo{
	margin-bottom:7em;
}
/************** Styling contact text in footer ***************/
	div.uk-panel.fcontact p{
		font-size:1.2em;
	}
	
/*************************************************************/
/************** Styling Project links in footer ***************/
	div.uk-panel.fprojects p a{
		font-size:1.2em;
	}
	
/*************************************************************/

/* Styling Legal links in bottom-c module */

.uk-nav-side > li > a {
	color:#fff;
	padding-left:0px;
	font-size:0.8em;
}
		
img.sage{
	width:40%;

}
	/* ***************** */
	.tm-logo-small {
display: inline;
}

/**********************  Styling icons on Contact page ***********************/
span.jicons-icons img{
	width:12%;
}
/**************************************************************************/
/************* Styling links ****************/
a, uk-link{
	color:#0000ff;
}

a.ytel, uk-link{
	color:#fdc053;
}
/***************** Styling Legal Menu ****************/
.uk-nav-side > li.uk-active > a {
	background-color:transparent;
}

/********* Styling phone numbers in main text  *******/
	
	.uk-icon-phone-square .tel:link{
		color:red;
	}
	/*************************/
	
	/******************* Styling SEO page ******************/
	img.seo_1{
		width:100%;
		height:auto;
	}
	img.seo_2{
		width:100%;
		height:auto;
	}

/***div.seo_c{
	margin:auto;
	width:50%; ***/
}
/***************** STYLING FOR TABLETS ****************/
/************************8*****************************/

@media only screen and (min-width: 450px) {
  img{
	  width:40%;
  }
}

@media only screen and (min-width: 600px) {
  img{
	  width:30%;
  }
  
  .layout-slideshow .sprocket-features-desc{
	
	margin-top:110px; 
	font-size:2.6em;
	color:white;

}
}

@media only screen and (min-width: 750px) {
  img{
	  width:35%;
  }
  
  .layout-slideshow .sprocket-features-desc{
	
	margin-top:80px; 
	font-size:3.2em;
	color:white;

}
}

@media only screen and (min-width: 1110px) {
  img{
	  width:60%;
  }
}

/********************* Styling for Website London Page *************/

div.website h2{
	font-size:1.2em;
}