/********************BASICS***************************/

body{
    font-family: 'aleolight';
    font-size: 16px;
    line-height: 22px;
    color: #1C0B11;
}

#logo{
    margin: 30px 0;
}

#logo img{
    width: 280px;
}

h1,h2,h3,h4, b, strong{
    font-weight: normal;
    font-family: 'aleobold';
    color: #1C0B11;
}

i{
    font-family: 'aleoitalic';
}

a, a:hover{
    color: #501317;
}

hr{
    margin: 30px 0;
}

audio{
    width: 100%;
}

audio:hover{
    cursor: pointer;
}

audio:focus{
    outline: none;
}

/********************FONTS***************************/
@font-face {
    font-family: 'aleoregular';
    src: url('../fonts/Aleo-Regular-webfont.eot');
    src: url('../fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Regular-webfont.woff') format('woff'),
         url('../fonts/fonts/Aleo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleoitalic';
    src: url('../fonts/Aleo-Italic-webfont.eot');
    src: url('../fonts/Aleo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Italic-webfont.woff') format('woff'),
         url('../fonts/fonts/Aleo-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleolight';
    src: url('../fonts/Aleo-Light-webfont.eot');
    src: url('../fonts/Aleo-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Light-webfont.woff') format('woff'),
         url('../fonts/fonts/Aleo-Light-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Light-webfont.svg#aleolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleobold';
    src: url('../fonts/Aleo-Bold-webfont.eot');
    src: url('../fonts/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Bold-webfont.woff') format('woff'),
         url('../fonts/fonts/Aleo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main{
    margin: 40px 0;
}

#start-artists b{
    font-family: 'aleoitalic';
    color: #501317;
}

#footer{
    background: #501317;
    color: #fff;
    padding: 30px 0;
    position: relative;
}

#footer:before{
    content:'';
    position: absolute;
    top: -5px;
    width: 100%;
    border-top: 1px solid #501317;
}

#footer a, #footer b{
    color: #fff;
}

@media screen and (max-width:767px){
    .uk-grid > *{
        margin-bottom: 20px;
    }
}