@font-face {
    font-family: 'larsseit';
    src: url('../fonts/larsseit-webfont.woff2') format('woff2'),
         url('../fonts/larsseit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'larsseit';
    src: url('../fonts/larsseit-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/larsseit-extrabold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}

/*
.container > .row > .four.columns {
    text-align: right;
    font-weight: 800;
    text-transform: uppercase;
}*/

.main {
    font-size: 1.2em;
    font-family: larsseit;
    line-height: 1.5em;
}

.name {
    font-family: larsseit;
    font-weight: 900;
    font-variant: small-caps;
    font-size: 1.4em;
    line-height: 1.8em;
}
a {
/*    background: #1EAEDB;*/
            background: #333;
    color: white;
    text-decoration: none;
    display:inline;
/*    height: 1.4em;*/
    width: auto;
    line-height: 1.3em;
}
a:hover {
    color: #333;
    background:none;
}



/*
a:visited{
    background: #1EAEDB;
}
*/

span.ideas {
    color: #e4210b;
}

    a.ideas {
/*        background: #e62b1e;  TED red! */
        background: #333;
    }

    a.ideas:hover {
        color: #e4210b;
    }


span.youth {
    color: #e9ae26;
}

    a.youth {
/*        background: #EDC243;*/
                background: #333;
    }

    a.youth:hover {
        color: #e9ae26;
    }


span.design {
    color: #3159b8;
}

    a.design {
/*        background: #679651;*/
                background: #333;
    }

    a.design:hover {
        color: #3159b8;
    }


span.tech {
    color: #e48471;
}

    a.tech {
/*        background: #368A89;*/
                background: #333;
    }

    a.tech:hover {
        color: #e48471;
    }


span.edu {
    color:#29e185;
}

    a.edu {
/*        background: #41406F;*/
                background: #333;
    }

    a.edu:hover {
        color: #29e185;
    }



a:hover{
    background: white;
}