body{
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: #303030;
    font-family: 'Source Sans Pro', sans-serif;
    background: #fcfcfc;
}
::selection{
    background: #98DFEA;
}


/* .nav ul { */
/*       list-style: none; */
/*       background-color: #fcfcfc; */
/*       text-align: right; */
/*       padding: 0; */
/*       margin: 0; */
/* } */

/* nav li { */
/*   font-family: 'Source Sans Pro', sans-serif; */
/*       /\* font-size: 1.2em; *\/ */
/*     font-size: 1.95em; */
/*     margin: 8px 0 0 0; */
/*     letter-spacing: 0.5px; */
/*     line-height: 20px; */
/*     height: 20px; */
/*       /\* border-bottom: 1px solid #fcfcfc; *\/ */
/* } */

/* .nav a { */
/*   text-decoration: none; */
/*   color: #000; */
/*   display: block; */
/*   transition: .3s background-color; */
/* } */
 
/* .nav a:hover { */
/*   background-color: #fcfcfc; */
/* } */
 
/* .nav a.active { */
/*   background-color: #fff; */
/*   color: #444; */
/*   cursor: default; */
/* } */


.container{
    width: 800px;
    margin: 0 auto;
}
header{
    width: 100%;
    margin: 50px 0 0 0;
    float: left;
}
header .blocks{
    width: 100%;
    display: block;
    height: 130px;
    padding: 20px 0;
    margin: 0 auto;
}
header .left{
    width: 28%;
    text-align: left;
    float: left;
    border-right: 1px solid #5a5a5a27;
}
header .right{
    padding: 0 0 0 7%;
    width: 60%;
    text-align: left;
    float: left;
}
header h1{
    font-size: 2.5em;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0;
}
header p.type{
    margin: 2px 0 0 0;
    font-style: italic;
    font-size: 1.1em;
    font-weight: 300;
    letter-spacing: 2px;
}
header h2{
    font-size: 1.8em;
    font-weight: 300;
    color: #1f1f1f;
    margin: 0;
    letter-spacing: 0.5px;
}
header ul.social{
    float: right;
    margin: 35px 255px 0 0;
    padding: 0;
    list-style-type: none;
}
header ul.social li{
    display: inline;
    margin: 0 0 0 10px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    transition: all 0.3s ease-in-out;
}
header ul.social li:hover{
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
    transition: 0.2s ease;
    cursor: pointer;
}
#content{
    width: 100%;
    float: left;
    margin: 100px 0 0 0;
}
#content .container{
    width: 920px;
}
#content .col{
    width: 24%;
    float: left;
    padding: 0 3%;
    margin: 0 3% 0 0;
}

#content .col-text{
    width: 50%;
    float: left;
    padding: 0 3%;
    margin: 0 3% 0 0;
}

#content .col-publi{
    width: 80%;
    float: left;
    padding: 0 3%;
    margin: 0 3% 0 0;
}


#content .col-last{
    margin: 0;
    width: 26%;
}
#content .heading{
    font-size: 0.8em;
    text-transform: uppercase;
    opacity: 0.8;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1.5px;
}
#content .title{
    font-size: 1.1em;
    font-weight: 600;
    color: #1f1f1f;
    margin: 20px 0 0 0;
}
#content .title a{
    border-bottom: 1px dotted #063172b2;
    text-decoration: none;
    color: #1f1f1f;
    padding: 0 0 2px 0;
    transition: all 0.3s ease-in-out;
}
#content .title a:hover{
    transition: 0.2s ease;
    color: #063272;
}
#content .text{
    font-size: 0.95em;
    margin: 8px 0 0 0;
    letter-spacing: 0.5px;
    line-height: 20px;
}

SPAN.textbf { font-weight: bold  }
SPAN.textit { font-style: italic  }


@media (max-width: 425px) {
    .container{
        width: 360px;
        margin: 0 auto;
    }
    header{
        margin: 50px 0 0 0;
    }
    header h1{
        font-size: 1.8em;
    }
    header p.type{
        font-size: 0.8em;;
    }
    header h2{
        font-size: 1.3em;
    }
    header ul.social{
        margin: 35px 100px 0 0;
    }
    #content .container{
        width: 400px;
    }
    #content{
        margin: 50px 0 0 0;
    }
    #content .col{
        width: 80%;
        float: left;
        padding: 25px 3%;
        margin: 0;
    }
    #content .col-text{
        width: 80%;
        float: left;
        padding: 25px 3%;
        margin: 0;
    }
    
    #content .col-last{
        width: 80%;
        margin: 0;
    }
}

/* @media screen and (min-width: 600px) { */
/*   .nav li { */
/*     width: 90px; */
/*     border-bottom: none; */
/*     /\* height: 50px; *\/ */
/*     /\* line-height: 50px;*\/ */
/*     /\* font-size: 1.4em; *\/ */
/*   } */
 
/*   /\* Option 1 - Display Inline *\/ */
/*   .nav li { */
/*     display: inline-block; */
/*      margin-right: -4px; */
/*   } */
 
/*   /\* Options 2 - Float */
/*   .nav li { */
/*     float: left; */
/*   } */
/*   .nav ul { */
/*     overflow: auto; */
/*     width: 600px; */
/*     margin: 0 auto; */
/*   } */
/*   .nav { */
/*     background-color: #444; */
/*   } */
/*   *\/ */
/* } */