/*
CTC Separate Stylesheet
Updated: 2024-04-30 15:51:28
*/

@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-Light.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-Light.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: regular;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-LightItalic.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-LightItalic.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-Regular.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-Regular.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: regular;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-Italic.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-Italic.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-Medium.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-Medium.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: regular;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-MediumItalic.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-MediumItalic.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-Bold.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-Bold.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: regular;
    }
    
@font-face {
    font-family: 'Ubuntu', monospace;
    src: url(https://fojo.se/fonts/Ubuntu-BoldItalic.woff2) format('woff2'),
    url(https://fojo.se/fonts/Ubuntu-BoldItalic.woff) format('woff'),
    url(https://fojo.se/fonts/Ubuntu-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    }
    
@font-face {
    font-family: ’Roboto’, monospace;
    src: url(https://fojo.se/fonts/Roboto-Regular.woff2) format('woff2'),
    url(https://fojo.se/fonts/Roboto-Regular.woff) format('woff'),
    url(https://fojo.se/fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: regular;
    }
    
@font-face {
    font-family: ’Roboto’, monospace;
    src: url(https://fojo.se/fonts/Roboto-Italic.woff2) format('woff2'),
    url(https://fojo.se/fonts/Roboto-Italic.woff) format('woff'),
    url(https://fojo.se/fonts/Roboto-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    }
    
@font-face {
    font-family: 'Roboto', monospace;
    src: url(https://fojo.se/fonts/Roboto-Bold.woff2) format('woff2'),
    url(https://fojo.se/fonts/Roboto-Bold.woff) format('woff'),
    url(https://fojo.se/fonts/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: regular;
    }
    
@font-face {
    font-family: 'Roboto', monospace;
    src: url(https://fojo.se/fonts/Roboto-BoldItalic.woff2) format('woff2'),
    url(https://fojo.se/fonts/Roboto-BoldItalic.woff) format('woff'),
    url(https://fojo.se/fonts/Roboto-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    }

p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4em;
    margin: 0 0 1em 0;
    }

a {
    color: #c41230;
}

/* For desktop view */
h1 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 46px;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 0.5em 0;
    }

h2 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 0.5em 0;
    }

h3 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 0.5em 0;
    }

h4 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 0.5em 0;
    }
h5 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 0.5em 0;
    }
h6 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 0.5em 0;
    }


/* For mobile view */
@media (max-width: 480px) {
    h1 {
        font-size: 33px; /* Adjusted from 46px */
    }
    h2 {
        font-size: 32px; /* Adjusted from 40px */
    }
    h3 {
        font-size: 24px; /* Adjusted from 30px */
    }
    h4 {
        font-size: 16px; /* Adjusted from 20px */
    }
    h5 {
        font-size: 14px; /* Adjusted from 18px */
    }
    h6 {
        font-size: 13px; /* Adjusted from 16px */
    }
}

.ingress {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 700;
}