/* typography */

@font-face {
    font-family: 'KallaikosrevveRegular';
    src: url('/webfonts/KallaikosrevveRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GenLight';
    src: url('/webfonts/Gen-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PanameraLight';
    src: url('/webfonts/Panamera/Panamera-Light.otf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PanameraRegular';
    src: url('/webfonts/Panamera/Panamera-Regular.otf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PanameraBold';
    src: url('/webfonts/Panamera/Panamera-Bold.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
}



body {
    line-height: 1.4;
    font-family: $primary-font;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: $text-color;
}

p, .paragraph {
    font-weight: 400;
    color: $text-color;
    font-size: 16px;
    line-height: 1.7;
    font-family: $primary-font;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: $text-color-dark;
    font-weight: 400;
    line-height: 0.8!important;
    &:not([class^='ti-']) {
        font-family: $primary-font;
    }
    text-decoration: none;
    &:hover {
      text-decoration: none;
    }
}

.section-header {
    font-variant: small-caps;
    font-family: PanameraRegular, Gen-Light, Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 500 !important;
}

a {
    &.h1,&.h2,&.h3,&.h4,&.h5,&.h6{
        color: $text-color-dark;
    }
}

h1, .h1{
    font-size: 45px;
}

h2, .h2{
    font-size: 36px;
}

h3, .h3{
    font-size: 28px;
}

h4, .h4{
    font-size: 22px;
}

h5, .h5{
    font-size: 18px;
}

h6, .h6{
    font-size: 16px;
}