/*
Basic elements
---------------------------------------------------*/
@font-face {
    font-family: 'helveticaneuelight';
    src: url('./fonts/helveticaneue_lt-webfont.eot');
    src: url('./fonts/helveticaneue_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helveticaneue_lt-webfont.woff2') format('woff2'),
         url('./fonts/helveticaneue_lt-webfont.woff') format('woff'),
         url('./fonts/helveticaneue_lt-webfont.ttf') format('truetype'),
         url('./fonts/helveticaneue_lt-webfont.svg#helveticaneuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body {
    background-color: #fff;
     font-size: 12px;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
     color: #FFF
}

h1{text-transform: uppercase;font-family: helveticaneuelight, Arial, Verdana, Trebuchet MS, sans-serif;color: #2e2e30;letter-spacing: 1px;}
h2{text-transform: uppercase;}

p{line-height: 16px;}
b{font-weight: bold}
a{text-decoration: underline;color: #ea973d}
a:hover{color: #fff}

.clear{clear: both}


.wrapper{
    width: 960px;
   
    background: #FFF;
    margin: 50px auto;
    border: solid 0px #F00
}



/*
Header elements
---------------------------------------------------*/

.header{
    position: relative;
    width: inherit;
    border: solid 0px #000;
    border-bottom-width: 1px;
}

    .header h1{
        position: absolute;
        bottom: 0px;
        font-size: 36px;
    }

    .header .logo{
        float: right;
    }
    
    .header .logo img{
        height: 80px
    }


/*
Content elements
---------------------------------------------------*/

.content{
    position: relative;
    top: 10px;

    width: 964px;
    border: solid 0px #000;
}

    .col{
        float: left;
        position: relative;
        margin-right: 4px;
        width: 237px;
        height: 700px;
        background-color: #2e2e30
    }
    
        .col-header{
            width: inherit;
            border: solid 0px #5b5558;
            border-bottom-width: 1px
        }
        
            .col-header h2{
                padding: 20px;
                font-size: 24px;
            }
            
    
        .col-media{
            margin: 20px;
            width: 197px;
        }
        
            .col-media img{
                width: 197px;
                margin-bottom: 2px;
            }
        
        .col-text{
            margin: 20px;
            width: 197px;
        }
        
        .col-text p{
            margin-bottom: 15px;
        }


/*
Footer elements
---------------------------------------------------*/

.footer{
    position: relative;
    top: 20px;
    width: inherit;
    border: solid 0px #000;
    border-top-width: 1px;
    text-align: center
}

    .footer p{
        color: #2e2e30;
        padding: 10px 0px;

    }
    
    .footer a{
        color: #2e2e30;
    }
    
    .footer a:hover{
        color: #bbbcbf;
    }