/* =============================================================================
 *
 *     HOMESICK BLUES - Fonts
 *
 * ===========================================================================*/

@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/nexa_light-webfont.eot');
    src: url('../fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_light-webfont.woff') format('woff'),
         url('../fonts/nexa_light-webfont.ttf') format('truetype'),
         url('../fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; 
}
body {       
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
}
nav,
footer {
    font-family: 'nexa_lightregular', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 5px;
    letter-spacing: .5rem; 
}
h1 {
    font-family: 'nexa_lightregular', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    font-size: 3.5rem;    
    letter-spacing: 8px;
    letter-spacing: .8rem;
    padding-left: 8px;
    color: #212121;
    margin: 0;
}
.about h1 {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: normal; 
    padding-left: 0;
}
.projects h1 {
    color: #fff;
    margin-bottom: 45px;
}
.mentions h1 {
    padding: 40px 0 10px;
    padding: 4rem 0 1rem;
    color: #ebebeb;
}
h2 {
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 400;
    text-align: center;
    color: #717171;
    margin: 0;
}
.services h2 {
    padding: 25px 0 10px;
    padding: 2.5rem 0 1rem;
    color: #212121;
}
.projects h2 {
    padding: 25px 0 25px;
    padding: 2.5rem 0 2.5rem;
    color: #bfbfbf;
}
h3 {
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 4px;
    color: #666;
}
.services h3 {
    color: #465F77;
}
p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    color: #717171;
}
.about p {
    color: #fff;
    text-align: left;
}
.projects p {
    color: #bfbfbf;
}
.sub {
    font-size: 20px;
    font-size: 2rem;
    margin: 0; 
    padding: 32.5px 50px 0;
    padding: 3.25rem 5rem 0;
}
.footer p {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 5px;
    letter-spacing: .5rem;
    text-transform: uppercase;
    margin-bottom: 0;
}
.mentions p {
    font-family: 'nexa_lightregular', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    letter-spacing: .2rem;
    color: #fff;
}

/* -----------------------------------------------------------------------------
 * Links
 * ---------------------------------------------------------------------------*/
a {
    -o-transition: .9s;
    -ms-transition: .9s;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    transition: .9s;
    line-height: 3em;
    text-decoration: none; 
    color: #333;
}
a:hover,
a:active,
a:focus 
{ 
    outline: 0; 
       text-decoration: none; 
} 
a:hover {
    color: #e33b00; 
} 
.navbar a,
.navbar-collapse li a {
    font-weight: 500;
    /*font-weight: 700;*/
    color: #a4a3a2;
    /*padding: 0.8em 0.1em 0.8em 0em;*/
}
.navbar a:hover,
.navbar-collapse li a:hover {
    color: #efefef;
}
.project-details a {  
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 9.5px;
    font-size: 0.95rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 120px;
}
a img { 
    border: none;
}
input,
textarea,
select,
a.button {
    font-family: Helvetica, Arial, sans-serif;
}
label {   
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-size: 1.5rem;
    line-height: 2.4em; 
}
.alert {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
    text-align: center;
    color: #fff;
}
::selection {
    background: #9ba8b2;
    color: white;
}