@charset "UTF-8";
/*	CSS Document									*/

/*	Theme Name: Sparkitect			 				*/
/*	File Name: layout_B_screenSmall.css 			*/
/*	Author: Ben Guthrie								*/
/*	Author URI: http://www.TheGuthrieProject.com	*/





/* special attributes for small screens and windows */
	






/* adjust footer elements */
#footer .siteDesign,  
#footer .copyright, 
#footer .social, 
.hideFromSmallScreens
	{
	display: none !important;
	}





/* layout adjustments */

#LogoShape_Container 
	{
	height:100px;
	}

#LogoShape_Line_Middle 
	{
	width:100px;
	}
	
#LogoShape_Line_Right 
	{
	margin-left:100px;
	}

#LogoText_Container 
	{
	left:5%;
	width:90%;
	}
	
#Motto_Text_Container 
	{
	left:5%;
	width:80%;
	}

#ContactText_Container 
	{
	bottom:6%;
	left:5%;
	width:90%;
	}






/* decrease font sizes */

h1 	{	font-size: 20px;	}

h2 	{	font-size: 16px;	letter-spacing: 0.05em;	}

h3 	{	font-size: 16px;	}

h4 	{	font-size: 14px;	}

h5 	{	font-size: 12px;	}


p, pre, br, span, li		
	{	
	font-size: 12x;	
	line-height: 2.5em;	
	letter-spacing: 0.02em; 
	}
	
ul, ul ul, ul ul ul, ul li, ul ul li, ul ul ul li
	{	font-size: 11px;	}

.hugeText {
	font-size: 20px;
	line-height: 50px;
	}
.bigText {
	font-size: 15px;
	line-height: 17px;
	}
.mediumText {
	font-size: 13px;
	line-height: 15px;
	}
.smallText {
	font-size: 10px;
	line-height: 12px;
	}





#ContactText_Container span
	{
	font-size: 11px;
	}
	
#ContactText_Container
	{
	bottom:15%;
	}
	
#ContactText_Container span
	{
	display: table;
	line-height: 2.0em;	
	}