@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto/Roboto-Light.ttf');
}

@font-face {
    font-family: 'EB Garamond SC 12';
    src: url('../fonts/eb-garamond/EBGaramondSC12-Regular.ttf');
}

.nav-link {
    color: white !important
}

body {
    font-family: 'Roboto Light'
}

.font-garamond {
    font-family: 'EB Garamond SC 12'
}

.color-blue {
    color: white;
    background-color: #083170;
}

.color-text-blue {
    background-color: transparent;
    color: #083170;
}

.color-blue-alt {
    color: white;
    background-color: #1794C4;
}

.color-text-blue-alt {
    background-color: transparent;
    color: #1794C4;
}

.color-text-brown {
    background-color: transparent;
    color: #BCA18D;
}

.color-brown {
    color: white;
    background-color: #BCA18D;
}

.border-color-brown {
    border-color: #BCA18D;
}

#company-team{
    -webkit-clip-path: polygon(50% 0%, 100% 2%, 100% 98%, 50% 100%, 0 98%, 0 2%);
    clip-path: polygon(50% 0%, 100% 2%, 100% 98%, 50% 100%, 0 98%, 0 2%);
}

html,body{
    font-size: 1rem!important;
}

@include media breakpoint-up(sm){
    html, body {
        font-size:0.8rem
    }

    .w3-xxxlarge{
        font-size:32px
    }
}

@include media breakpoint-up(md){
    html {
        font-size:1.4rem
    }
}

@include media breakpoint-up(lg){
    html {
        font-size:1.6rem
    }
}

#back-to-top-arrow {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
}