@font-face {
    font-family: 'Cartograph Sans';
    src: url(../webfonts/cartograph-sans-cf.eot);
    src: url(../webfonts/cartograph-sans-cf.eot?#iefix) format('embedded-opentype'),
         url(../webfonts/cartograph-sans-cf.woff) format('woff'),
         url(../webfonts/cartograph-sans-cf.ttf) format('truetype'),
         url(../webfonts/cartograph-sans-cf.svg#CartographSansCf) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cartograph Sans';
    src: url(../webfonts/cartograph-sans-cf-light-italic.eot);
    src: url(../webfonts/cartograph-sans-cf-light-italic.eot?#iefix) format('embedded-opentype'),
         url(../webfonts/cartograph-sans-cf-light-italic.woff) format('woff'),
         url(../webfonts/cartograph-sans-cf-light-italic.ttf) format('truetype'),
         url(../webfonts/cartograph-sans-cf-light-italic.svg#CartographSansCf) format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Cartograph Sans';
    src: url(../webfonts/cartograph-sans-cf-bold-italic.eot);
    src: url(../webfonts/cartograph-sans-cf-bold-italic.eot?#iefix) format('embedded-opentype'),
         url(../webfonts/cartograph-sans-cf-bold-italic.woff) format('woff'),
         url(../webfonts/cartograph-sans-cf-bold-italic.ttf) format('truetype'),
         url(../webfonts/cartograph-sans-cf-bold-italic.svg#CartographSansCf) format('svg');
    font-weight: 700;
    font-style: italic;
}

body{
    font-size: 14px;
    font-family: 'Cartograph Sans';
    background-color: #4BB976;
    transition: background-color 0.6s cubic-bezier(.29,.05,.66,.98);
}
.green{
    background-color: #4BB976;   
}
.orange{
    background-color: #EE8D5A;
}
.blue{
    background-color: #38C8C9;
}
.container{
    width: 100%;
    padding: 0 20px;
    max-width: 800px;
    margin: 18% auto 0 auto;
    overflow: auto;
}
h1{
    font-weight: 300;
    font-style: italic;
    font-size: 250%;
    color: white;
}
.name{
    font-style: normal;
    font-weight: normal;
}
.job-title{
    font-weight: 700;
}
.coming-soon{
    font-style: italic;
    font-weight: 300;
    font-size: 120%;
    color: white;
}
@media (min-width: 680px){
    body{
        font-size: 16px;
    }
}