/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Typography (baseline corrections)
================================================== */

	h1 { line-height: 49px; margin-bottom: 14px;}
	h2 { line-height: 42px; margin-bottom: 7px; }
	h3 { line-height: 35px; margin-bottom: 7px; }
	h4 { line-height: 28px; margin-bottom: 7px; }
	h5 { line-height: 21px; }

	p { margin: 0 0 21px 0; }
	p.lead { line-height: 28px; }


/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px;}
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

	hr { margin: 14px 0 28px;}
	
/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	
	
	

/* #Site Styles
================================================== */

@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('../fonts/websymbols/websymbols-regular-webfont.eot');
	src: url('../fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
	     url('../fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
	     url('../fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}
	
	
	@font-face {
    font-family: 'EntypoRegular';
    src: url('../fonts/entypo.eot');
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

img {
	max-width: 100%;
}
/* #Site Styles
================================================== */
header.figure {
/* The background image must be 800px wide */
	max-width: 960px;
}

figure.logo a {
    display: block;
	padding-top: 31%;  /* 450px/800px = 0.5625 */
    height: 0px;  /* start height */
	
    background-image: url(../images/logo.jpg);
    background-size: cover;
    -moz-background-size: cover;  /* Firefox 3.6 */
    background-position: center;  /* Internet Explorer 7/8 */
  	background-repeat: no-repeat;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.band.header {
	background-color: #bc0000;
	background-repeat: repeat;
}
.band.navigation { 
	background-image: url(../images/binding_dark.png);
	background-repeat: repeat;
	background-color: rgba(51,51,51,1);
}
.band.slider {
	background-image: url(../images/binding_dark.png);
	background-repeat: repeat;
	background-color: rgba(51,51,51,1);
}
.band.intro {
	background-image:  url(../images/binding_dark.png);
	background-repeat:   repeat;
	background-color: rgba(51,51,51,1);
	background-position:  center;
	padding-top: 20px;
	padding-bottom: 40px;
}

.band.service {
	background-image: url(../images/black_arrow_1.png),url(../images/squairy_light.png);
	background-repeat: no-repeat, repeat;
	background-position:  center top;
	padding-top: 60px;
	padding-bottom: 40px;
}
.band.scontact {
	background-image: url(../images/binding_dark.png);
	background-repeat: repeat;
	background-color: rgba(51,51,51,1);
	}
	
.band.projects {
background-image: url(../images/black_arrow_1.png),url(../images/squairy_light.png);
background-repeat: no-repeat, repeat;
background-position:  center top;
padding-top: 60px;
padding-bottom: 40px;
}
.band.voltage {
background-image: url(../images/white_arrow_2.png),url(../images/binding_dark.png);;
background-repeat: no-repeat, repeat;
background-position:  center top;
padding-top: 60px;
padding-bottom: 80px;
}
.band.staff {
background-image: url(../images/black_arrow_1.png),url(../images/squairy_light.png);;
background-repeat: no-repeat, repeat;
background-position:  center top;
padding-top: 60px;
padding-bottom: 80px;
}

.band.apprentice {
background-image: url(../images/black_arrow_1.png),url(../images/squairy_red.png);;
background-repeat: no-repeat, repeat;
background-position:  center top;
padding-top: 60px;
padding-bottom: 80px;
}
.band.contact {
background-image: url(../images/white_arrow_2.png),url(../images/binding_dark.png);;
background-repeat: no-repeat, repeat;
background-position:  center top;
padding-top: 60px;
padding-bottom: 80px;
}


.band.bottom {
	background-image:url(../images/squairy_light.png);;
	background-repeat:repeat;
	padding: 28px 0 7px 0;
	color: #666;
}


#bottom-nav {
	margin-top:200%;
	width:100%;
	height:100px;
	background:black;
}


/* readmore */

.media_meta {
	color: #aaa;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	width: 100%;
	font-size: 14px;
	text-align: justify;
}
    .table-item {
        border-top: 1px solid #e9e9e9;
        line-height: 20px;
    }
        .media_meta dl dt {
            clear: ;
            float: ;
            padding-right: 0px;
        }
        .media_meta dl dt.heading {
            display: block;
            float: ;
        }
        .media_meta dl dd {
            display: block;
            padding-bottom: 8px;
        }
            .media_meta dl .floated {
                width: 0px;
            }
                .media_meta dl dt.floated {
                    margin-right: 0px;
                }
                .media_meta dl dd.floated {
                    margin-left: 0px;
                    padding-left: 0;
                    width: auto;
                }
            .media_meta dl p,
            .media_meta dd.release_text div {
                line-height: 21px;
                margin-bottom: 6px;
				text-indent: 10px;
				
            }
        .media_meta dl .read-more a,
        .media_meta dl .read-less a {
            color: #aaa;
            font-weight: bold;
            text-decoration: underline;
            text-transform: capitalize;
        }

/* box*/
	
.title{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .08em;
	margin-bottom:40px;
	}
	
.titlewhite{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .08em;
	margin-bottom:40px;
	color:rgba(255,255,255,1);
	
	}
	
	
.box {
	background-image: url(../images/binding_dark.png);
	background-repeat: repeat;
	background-color: rgba(51,51,51,1);
	background-position: top;
	position:relative;
	}
	
	
.box h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .07em;
	color: #FFF;
	margin-bottom: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	display:block;
	}
	
.box p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	text-transform: ;
	text-align: center;
	letter-spacing: .08em;
	color: #ccc;
	line-height: 0px;
	padding-bottom: 20px;
	margin: 0px;
	font-style: italic;
	display:block;
	}
	
	
	
	.info {
	padding-top: 20px;
	padding-bottom: 20px;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-transform: ;
	text-align: center;
	letter-spacing: .08em;
	color: #FFF;
	margin: 0px;
	display:block;
	position:relative;
	
		}
		
.protxt {
	height: 900px;
	overflow: scroll;	
	}		

/* project box*/

.pjb{
	height: 900px;
	overflow: scroll;
		
	}

.pbox {
	background-image: url(../images/squairy_light.png);
	background-repeat: repeat;
	background-color: rgba(51,51,51,1);
	background-position: top;
	border: 1px solid rgba(255,255,255,1);
	
	}

	
.pbox h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: .07em;
	color: #666;
	line-height: 15px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	display: block;
	border-top-width: 0px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,1);
	border-right-color: rgba(255,255,255,1);
	border-bottom-color: rgba(255,255,255,1);
	border-left-color: rgba(255,255,255,1);
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	}
	
.pbox p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	text-transform: ;
	text-align: left;
	letter-spacing: .08em;
	color: #666;
	line-height: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	font-style: italic;
	display:block;
	}

.img{
	
	}
	
			
		


		
/* scrollbar */
body   {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: scroll;
overflow-x: hidden;
}

::-webkit-scrollbar {
width: 3px;
height: 0px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
background-color: transparent;
}
::-webkit-scrollbar-track-piece  {
background-color: #ccc;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #666;
-webkit-border-radius: 6px;
}

/*scroll to top*/

.back-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	/*link to your image, use correct path, if in doubt, use full path with http://...*/
	background: url(../images/arrows.png) left top no-repeat;
	width: 40px;
	height: 40px;
	z-index: 1000;
	 }

.back-to-top a {
text-indent: -9999px;
display: block;
}

.back-to-top:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url(../images/arrows.png) left -40px no-repeat; 
}


/*project text*/		
.protxt h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: .07em;
	color: #000;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 40px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	}
.protxt h2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase ;
	letter-spacing: .06em;
	text-align: left;
	color: #666;
	margin-bottom: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	display:block;
	line-height: 15px;
	padding-bottom:5px;
	
	}
.protxt h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: ;
	text-align: left;
	letter-spacing: .06em;
	color: #000;
	margin-bottom: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	line-height: 17px;
	font-style: italic;
	
	}
.protxt h3 span{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: ;
	text-align: left;
	letter-spacing: .06em;
	color: #bc0000;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	padding-right:7px;
	font-style: normal;

	}

.protxt hr { 
	border: solid #ddd; 
	border-width: 1px 0 0; 
	clear: both; 
	margin: 3px 0 3px; 
	height: 0; 
	margin-right:40px;
}
/*apprentice*/
.apprenticeinfo p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 20;
	text-align: center;
	letter-spacing: .07em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*contact*/
.contactinfo h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	letter-spacing: .08em;
	color: #fff;
	margin: 0px;
	display: block;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
}




.list{
	font-size: 14px;
	vertical-align: top;
	padding-right: 3px;
	padding-top: 20px;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 20px;	
}
ul.list li{
  
  display: inline;
}
ul.list li span{
  
  margin-left: 20px;
}
ul.list li span.1{
  
  margin-left: 0px;
}
.contact span {
	font-size: 14px;
	vertical-align: top;
	padding-right: 3px;
	color: #bc0000;
	text-transform: capitalize;    
	
	
}




/*IEC logo*/

.apprenticeinfo h1 {
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
}

.apprenticeinfo h1 a {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	display: block;
	padding-top: 6%;  /* 450px/800px = 0.5625 */
	height: 61px;  /* start height */
	background-image: url(../images/iec_logo.png);
	background-size: contain;
	-moz-background-size: contain;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
	background-repeat: no-repeat;    
}
.apprenticeinfo a, a:visited {
}
.apprenticeinfo	a:hover, a:focus { color: #000; }
.apprenticeinfo	p a, p a:visited { 
	color: #fff;
	text-decoration: underline;
	outline: 0;
	font-weight: bold;
	line-height: inherit; 
}


/*voltageinfo*/
.voltageinfo p { 
	color: #fff; 
	text-align: center;
	letter-spacing: .07em;
	}
	
.pic {
	border: 2px solid rgba(0,0,0,1);
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	line-height: 0px;
	}

/*footer*/
footer a,
footer a:visited {
	color: #8F8F8F;
}

footer a:hover {
	text-decoration: none;
	color: #fff;
}

.bottom footer {
	font-size: 12px;
}

div.last-credit {
	text-align: right;
}

.last-credit a, a:visited { color: #8F8F8F; text-decoration: none; outline: 0; }
.last-credit a:hover, a:focus { color: #bc0000; }
.last-credit p a, p a:visited { line-height: inherit; }



/* ==================================================
   Contact Section
================================================== */

.contact-details h3 {
	color: #000066;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: .05em;
    font-weight: 300;
    margin-bottom: 30px;
	line-height: 1em;
    text-transform: none;
}

.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.contact-details ul li {
	margin: 0 0 20px;
	line-height: 28px;
	padding: 0;	
}

#contact-form {
	margin-bottom: 0;	
}

#contact-form p {
	margin-bottom: 1px;	
}

#contact-form input,
#contact-form textarea {
    
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	background: #ededed;
    color: #bc0000;
    font-size: 16px;
    height: auto;
    padding: 15px;
	margin: 0;
	
    resize: none;
}

#contact-form input {
    
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form .submit {
    background: #bc0000;
    color: #bc0000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
	
}

#contact-form .submit:hover {
    background: #bc0000;
    color: #FFFFFF;
}

#response {
	margin-top: 20px;
	color: #FFFFFF;
}

.placeholder{
	color: #000066;
	}
	
	
/*contact numbers*/
.phone{
	text-align: center;
	padding-top:40px;
	}
.phone span{
	font-family: EntypoRegular;
	font-size: 50px;
	vertical-align: top;
	padding-right: 0px;
	color: #bc0000;
	text-transform: capitalize;
	
	}
	
.phone p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .09em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	}
	
.phone a, a:visited { 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .09em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	
	 }
.phone a:hover, a:focus { color: #fff; }
.phone p a, p a:visited { 
    text-decoration: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .09em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; }

.fax {
	text-align: center;
	padding-top:40px;
	}
.fax h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 25px;
	vertical-align: top;
	padding-right: 0px;
	color: #bc0000;
	text-transform: capitalize;
	letter-spacing: .09em;
	font-weight: 800;

	}
.fax p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .09em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.fax a, a:visited { 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .09em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	
	 }
.fax a:hover, a:focus { color: #fff; }
.fax p a, p a:visited { 
    text-decoration: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: .09em;
	color: #fff;
	margin-bottom: 0px;
	margin: 0px;
	display: block;
	line-height: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; }

/*Staff*/

.blkh3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 20px;
	text-align: center;
	}
.redp a {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
	font-size: 14px;
	text-align: center;
}
.redp a:hover {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #bc0000;
	font-size: 14px;
	text-align: center;
}
.staffp{
	color: #000; 
	text-align: center;
	letter-spacing: .07em;
	}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.list{
	font-size: 12px;
	vertical-align: top;
	padding-right: 3px;
	padding-top: 20px;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 20px;	
	}
	
	
	}
		
		

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.form{
	padding-top:20px;
	}
		
		.shadow {
	margin-top: -2px;
		}
		
		/*footer*/
		  footer a,
		  footer a:visited {
			  color: #8F8F8F;
		  }
		  
		  footer a:hover {
			  text-decoration: none;
			  color: #fff;
		  }
		  
		  .bottom footer {
			  font-size: 12px;
		  }
		  
		  
		  div.first-credit {
			  text-align: center;
			  line-height: 25px;
		  }	
		  div.first-credit p{
			  height: 10px;
		  }
		  div.last-credit {
			  text-align: center;
			  line-height: 0px;
		  }
		  
		  ul.list li span{
			margin-left: 0px;
		  }
		  
		  .contact-details {
			text-align: center;	
	
		  }
	
			
		.list{
			font-size: 12px;
			padding-right: 3px;
			padding-top: 20px;
			color: #fff;
			text-align: center;
			display: block;
			line-height: 5px;	
		}	  
			
		
			  ul.list li{
			
			display: inherit;
		  }
		  
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		}

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


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
.last-credit p a {
	color: rgba(102,102,102,1);
}