:root{
    --blue: #241D72;
    --light-blue: #00f5ff;
    --original-text-size-number: 55;
    --text-size-number: var(--original-text-size-number);
    --text-size: calc(var(--text-size-number) * 1px);
    /* factor should not change if text-size changes */
    --small-text-size-factor: calc(45 / 55);
    --text-size-small: calc(var(--text-size-number) * var(--small-text-size-factor) * 1px);
    --h3-margin-bottom-number: 41.85;
    --h3-margin-bottom-factor: calc(var(--h3-margin-bottom-number) / 55);
    --h3-margin-bottom: calc(var(--text-size-number) * var(--h3-margin-bottom-factor) * 1px);
}

*{
    box-sizing: border-box;
    margin:0;
    font-family: "FrutigerLTStd-Roman", sans-serif;
    color: var(--blue);
}

body{
    font-size: var(--text-size);
    overflow-x: hidden;
    line-height: 1.15;
    position: relative;
    letter-spacing: 0px;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 700;
    line-height: 1;
}

h3{
    margin-bottom: var(--h3-margin-bottom);
    font-size: calc(var(--text-size));
}

p{
    margin-bottom: 0px;
}

@media only screen and (max-width: 1599.99991px) {
    :root{
        --text-size-number: 45;
    }
}

@media only screen and (max-width: 1399.99991px) {
    :root{
        --text-size-number: 40;
    }
}

@media only screen and (max-width: 1199.99991px) {
    :root{
        --text-size-number: 37;
    }
}

@media only screen and (max-width: 1023.99991px) {
    :root{
        --text-size-number: 35;
    }
}

@media only screen and (max-width: 998.99991px) {
    :root{
        --text-size-number: 32;
    }
}

@media only screen and (max-width: 767.99991px) {
    :root{
        --text-size-number: 28;
    }
}

@media only screen and (max-width: 579.99991px) {
    :root{
        --text-size-number: 24;
    }
}

@media only screen and (max-width: 449.99991px) {
    :root{
        --text-size-number: 20;
    }
}

@media only screen and (max-width: 300px){
    *{
        word-break: break-all;
    }
}