﻿@font-face {
    font-family: 'paralucent';
    src: url('/fonts/ttf.woff2') format('woff2');
}

body {
    font-family: 'paralucent';
    background-color: #f4f4f4;
    color: #0f0f0f;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'paralucent';
    font-size: 42px;
    font-weight: 700
}

h2, h3, h4, h5, h6 {
    font-size: 36px
}

h3, h4, h5, h6 {
    font-size: 32px
}

h4, h5, h6 {
    font-size: 20px
}

h5, h6 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

a {
    color: #1c1f2b;
    text-decoration: none
}

/*    a:hover {
        text-decoration: none
    }*/

.scrolling-typo {
    font-family: paralucent;
    top: 0
}

.c-h4 {
    font-family: paralucent;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3
}

@media (max-width:1024px) {
    .c-h4 {
    }
}

.c-h3 {
    font-family: paralucent;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1
}

@media (max-width:1280px) {
    .c-h3 {
        font-size: 26px
    }
}

@media (max-width:1024px) {
    .c-h3 {
        font-size: 23px
    }
}

@media (max-width:800px) {
    .c-h3 {
        font-size: 20px
    }
}

.c-btn-transparent {
    font-family: paralucent;
    text-transform: uppercase;
    background-color: rgba(255,255,255,.15);
    border-radius: 7px;
    color: #4353ff;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center
}

    .c-btn-transparent:not(.ct-section):not(.oxy-easy-posts), .c-btn-transparent.oxy-easy-posts .oxy-posts, .c-btn-transparent.ct-section .ct-section-inner-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

.c-footer-link-light {
    font-family: paralucent;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 300;
    color: rgba(242,242,242,.55)
}

@media (max-width:1024px) {
    .c-footer-link-light {
        font-size: 14px
    }
}

.c-footer-heading-light {
    font-family: paralucent;
    font-size: 21px;
    color: #f38315;
    font-weight: 400
}

.h1 {
    font-family: paralucent;
    font-size: 40px;
    line-height: 44px;
    font-weight: 700
}

@media (max-width:1280px) {
    .h1 {
        font-size: 32px;
        line-height: 40px
    }
}

@media (max-width:800px) {
    .h1 {
    }
}