@font-face{ 
	font-family: 'streetscriptregular';
    src: url('streetscript.otf') format('opentype');
	src: url('streetscript-webfont.eot');
	src: url('streetscript-webfont.eot?#iefix') format('embedded-opentype'),
	     url('streetscript-webfont.woff') format('woff'),
	     url('streetscript-webfont.ttf') format('truetype'),
	     url('streetscript-webfont.svg#webfont') format('svg');
}

h1 {
    font-family: 'streetscriptregular', serif;
    text-transform:lowercase;
    color:#F99CA8;
    font-size: 65px;
    font-weight:100;
}

a {
    text-decoration:none;
}

a.work {
    color:#2F363B;
    opacity:0.5;
    letter-spacing: 1px;
    font-weight:600;
    font-size:14px;
    line-height:24px;
}

a.work:hover {
    color:#4AC0C0;
    opacity:1;
    transition: all .8s ease;
    letter-spacing: 1px;
    font-weight:600;
    font-size:14px;
    line-height:24px;
}

a.portfolio:hover {
    transition: all .8s ease;
}

h2 {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color:#777879;
}

p {
    color:#C0C0C1;
    letter-spacing: 1px;
    font-weight:400;
    font-size:14px;
    line-height:24px;
    text-align:justify;
}

p.about {
    color:#777879;
    letter-spacing: 1px;
    font-weight:400;
    font-size:14px;
    line-height:24px;
}

#logo {
    margin: 30px auto 30px auto;
    text-align: center;
    width:65%;
}

#tagline {
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.2rem;
}

#profile {
    width:256px;
    margin:30px auto 30px auto;
    display:block;
    text-align:center;
}

.section {

}

.splash {
    text-align:center;
}

body {
    background:url(../images/splashimg2.png) no-repeat fixed 50% 0;
}

.work {
    background-color:#F2F2F2;
}

.portfolio {
    background-color:#F9F9F9;
}

.about {
    background-color:#FFFFFF;
}

.contact {
    background-color:#F9F9F9;
}

.footer {
    background-color:#FFFFFF;
}

.titles-work {
   font-family: 'Raleway', sans-serif;
   text-transform: uppercase;
   font-size: 1.4rem;
   letter-spacing: .2rem;
   font-weight: 700;
   color:#4AC0C0;
}

.titles-about {
   font-family: 'Raleway', sans-serif;
   text-transform: uppercase;
   font-size: 1.4rem;
   letter-spacing: .2rem;
   font-weight: 700;
   color:#F99CA8;
}

.button {
    border-radius: 100px;
    color:#777879;
}

.copyright {
   font-family: 'Raleway', sans-serif;
   text-transform: uppercase;
   font-size: 11px;
   letter-spacing: .1rem;
   font-weight: 500;
   color:#C0C0C3;
   padding:10px;
}

.footer-icon {
    position: relative;
    float: left;
    width: 100%; 
    text-align: center;
    padding-top: 20px;
}

.footer-icon .fa {
    color: #C0C0C3; 
    font-size: 18px; 
    line-height: 22px; 
    position: relative; 
    float: none; 
    margin: 0px 5px; 
    display: inline-block;
}

.footer-icon a i:after {
    width: 0px; 
    content: ''; 
    height: 0px;
}

.footer-icon .fa:hover {transition: all .8s ease;}
.footer-icon .social-behance:hover {color:#1377FF;}
.footer-icon .social-linkedin:hover {color:#007BB6;}
.footer-icon .social-dribbble:hover {color:#C73B6F;}
.footer-icon .social-tumblr:hover {color:#34465D;}
.footer-icon .social-google-plus:hover {color:#DD4B39;}

.box { 
    height:200px;
    width:200px;
}

.overlay {  
    background: url(images/covrslide.png);
    opacity:0;
    width:100%;
    height:100%; 
    transition: all 0.3s ease-in-out;
}
	
.box:hover {
	    
}

.box:hover .overlay {
    opacity:1;
}
	
.view {
	    
}