@charset "utf-8";










/* LARGE DEVICE------------------------------------------------ */
@media only screen and (min-width : 1200px)
{

/*WEBTOOLS 1 START*/
.toolstitle { background-color: black;
	text-align: center;
	padding: 5px;
	font-size: 18px;}
.toolstitle strong { color:white; }
/*WEBTOOLS 1 END*/
	
/*WEBTOOLS 2 START*/
.toolstitle2 { background-color: white;
	text-align: center;
	padding: 5px;
	font-size: 18px;}
.toolstitle2 strong { color:black; }
/*WEBTOOLS 2 END*/



	
}





/* MEDIUM DEVICE------------------------------------------------ */
@media only screen and (min-width : 991px) and (max-width : 1199px) 
{

/*WEBTOOLS 1 START*/
.toolstitle { background-color: black;
	text-align: center;
	padding: 5px;
	font-size: 14px;}
.toolstitle strong { color:white; }
/*WEBTOOLS 1 END*/
	
/*WEBTOOLS 2 START*/
.toolstitle2 { background-color: white;
	text-align: center;
	padding: 5px;
	font-size: 14px;}
.toolstitle2 strong { color:black; }
/*WEBTOOLS 2 END*/



	
}





/* SMALL DEVICE------------------------------------------------ */
@media only screen and (min-width : 768px) and (max-width : 990px) 

{

/*WEBTOOLS 1 START*/
.toolstitle { background-color: black;
	text-align: center;
	padding: 5px;
	font-size: 14px;}
.toolstitle strong { color:white; }
/*WEBTOOLS 1 END*/

/*WEBTOOLS 2 START*/
.toolstitle2 { background-color: white;
	text-align: center;
	padding: 5px;
	font-size: 14px;}
.toolstitle2 strong { color:black; }
/*WEBTOOLS 2 END*/
	

	
}





/* EXTRA SMALL DEVICE------------------------------------------------ */
@media only screen and (max-width : 767px) 
{

/*WEBTOOLS 1 START*/
.toolstitle { background-color: black;
	text-align: center;
	padding: 5px;
	font-size: 14px;}
.toolstitle strong { color:white; }
/*WEBTOOLS 1 END*/

/*WEBTOOLS 2 START*/
.toolstitle2 { background-color: white;
	text-align: center;
	padding: 5px;
	font-size: 14px;}
.toolstitle2 strong { color:black; }
/*WEBTOOLS 2 END*/
	
	
}








