@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300');

body {
    padding-top: 15px;
}

/* 
TYPOGRAPHY 
*/
             
h1,
h2,
h3,
h4,
h5{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
        
p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color:#505050;
}


@media(min-width:800px) {
    .rwd-break { 
        display: none; 
    }
}

/*
LINKS
*/

a {
    color: #474739;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

a:hover,
a:focus {
    color: #00aced;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

a.blue {
    color: color:#00aced;
    text-decoration: underline;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

a.blue:hover,
a.blue:focus {
    color: color:#00aced;
    text-decoration: underline;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.nav-link {
    padding: .2rem 1rem;
}

/* 
BACKGROUND 
*/

.bg-darkblack {
    background: #252525;
}

.bg-lightblack {
    background: #303030;
}

/*
FLAGS
*/

.flags {
    height:32px;
    width:40px;
    padding-top:9px;
}

.flag {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../resources/images/flags.png') no-repeat;
    margin-right: 8px;
}

.flag.flag-sv {
    background-position: -32px -32px;
}

.flag.flag-de {
    background-position: 0 0;
}

.flag.flag-gb {
    background-position: 0 -32px;
}

.flag.flag-es {
    background-position: -32px 0;
}

.language {
    background-color: transparent;
    height: 50px;
    width: 300px;
    z-index: 100;
    margin-top: 40px;
    position: absolute;
    right:0px;
    text-align: right;
    padding-right: 80px;
}