@font-face {
    font-family: MaerskHeadline;
    src: url('../fonts/maersk/headline/MaerskHeadline-Regular.woff2') format('woff2'),
    url('../fonts/maersk/headline/MaerskHeadline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MaerskHeadline;
    src: url('../fonts/maersk/headline/MaerskHeadline-Bold.woff2') format('woff2'),
    url('../fonts/maersk/headline/MaerskHeadline-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: MaerskHeadline;
    src: url('../fonts/maersk/headline/MaerskHeadline-Light.woff2') format('woff2'),
    url('../fonts/maersk/headline/MaerskHeadline-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: MaerskText;
    src: url('../fonts/maersk/text/MaerskText-Regular.woff2') format('woff2'),
    url('../fonts/maersk/text/MaerskText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MaerskText;
    src: url('../fonts/maersk/text/MaerskText-Bold.woff2') format('woff2'),
    url('../fonts/maersk/text/MaerskText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: MaerskText;
    src: url('../fonts/maersk/text/MaerskText-Light.woff2') format('woff2'),
    url('../fonts/maersk/text/MaerskText-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: MaerskText;
    src: url('../fonts/maersk/text/MaerskText-Italic.woff2') format('woff2'),
    url('../fonts/maersk/text/MaerskText-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: MaerskText;
    src: url('../fonts/maersk/text/MaerskText-BoldItalic.woff2') format('woff2'),
    url('../fonts/maersk/text/MaerskText-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: MaerskText;
    src: url('../fonts/maersk/text/MaerskText-LightItalic.woff2') format('woff2'),
    url('../fonts/maersk/text/MaerskText-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}


:root {
    --default-primary-color: #42B0D5; /* Maersk Blue */
    --default-secondary-color: #0073AB; /* Mid Blue */
    /* --default-tertiary-color: #B5E0F5; */ /* Light Blue */
    --default-primary-title-font: MaerskHeadline, Arial, serif;
    --default-secondary-title-font: MaerskHeadline, Arial, serif;
    --default-body-font: MaerskText, Arial, serif;
}

#Top_body #top_logo_div {
    height: 40px;
    width: 150px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    margin-left: 5px;
    display: block;
}

#Top_body #top_logo_div img {
    height: 80%
}