.hspaceLeft{
	margin-left: 5px;
	}
	
.hspaceRight{
	margin-right: 5px;
	}
	
@font-face {
    font-family: Zapfino;
    src: url('../fonts/Zapfino.ttf');
	}
	
.zapfino{
	font-family: Zapfino;
	}
	
.box h1{
	display: inline;
	font-size: 1em;
	font-weight: normal;
	}

.box h2{
	display: inline;
	font-size: 1em;
	font-weight: normal;
	}

.box h3{
	display: inline;
	font-size: 1em;
	font-weight: normal;
	font-family: arial;
	text-transform: none;
	}
	
.box h2.brand-name{
	font-size: 2em;
	}

#logo{
    float: left;
     background-image: url(/assets/img/JJ_ElectricLogoSm.png);
    width: 200px;
    height: 150px;
    }

.clearBoth{
	clear: both;
	}

.centeredColumn{
    text-align: center;
	}

.oneThirdColumnImg{
    max-width: 300px;
    margin: 0px auto;
	}

.centeredBox{
    margin: 0px auto;
    text-align: center;
	}

.insetUL{
    margin-left: 15px;
	}

footer{
    margin-top: 20px;
	}

footer p{
    font-size: .9em;
    color: #DDD;
	}


#footerBox1{
    margin-top: 15px;
	}

#footerBox2{
    margin-top: 15px;
    font-size: 1em;
	}

/*     Small Screen    */

	.smallScreenBrand{
		font-size: 3em;
		/*border: 1px solid;*/
		padding: 5px;
		margin-left: -160px;
		}
	
	.navbar-header{
		/*border: 1px solid;*/
		height: 150px;
		}

	#smallScreenPhone{
		float: left;
		text-align: center;
		/*margin-left: -160px;*/
        margin-top: -80px;
        width: 100%;
		font-size: 2em;
		}

	#largeScreenPhone{
		display: none;
		}
		
	#smallServiceAreaHeader{
		font-size: .8em;
        float: left;
        text-align: center;
        width: 100%;
        margin-top:-30px;
		}
		
	#largeServiceAreaHeader{
		display: none;
		}
		
@media screen and (min-width:768px) and (max-width: 1184px) {
    
    #largeScreenPhone{
        display: block;
        text-align: center;
        font-size: 2em;
    	}
    
		
	#largeServiceAreaHeader{
		display:block;
		text-align: center;
		font-size: 1em;
		}
		
	.row,.box{
		background: #FFF;
		background: rgba(255,255,255,0.9);
		}
		
    #smallScreenPhone{
        display: none;
    	}
	}/*@media screen and (min-width:768px) and (max-width: 1184px)*/

@media screen and (min-width:800px){
	footer p{
		color: #666;
		}
	}/*@media screen and (min-width:800px)*/

@media screen and (min-width:1185px){
    
    #largeScreenPhone{
        display: block;
        text-align: center;
        font-size: 2em;
    	}
    
		
	#largeServiceAreaHeader{
		display:block;
		text-align: center;
		font-size: 1.5em;
        margin-left: 180px;
		}
    
	.row,.box{
		background: #FFF;
		background: rgba(255,255,255,0.9);
		}
		
    #smallScreenPhone{
        display: none;
    	}
	}/*@media screen and (min-width:768px) and (max-width: 1184px)*/