body{
    font-family: 'Brother-1816';

}
:root{
    --color1-rgb: 1,72,152;
    --color2-rgb: 39,188,238;
    --color3-rgb: 5,43,95;
    --color-text-headers-rgb: 41,189,239;
    --color-text-body-rgb: 5,43,95;
    --color-black: rgb(0,0,0);

    --bg-info: rgb(220,240,249);
    --primary: #27bcee;
    --secondary: #014898;

    --color1: rgba(var(--color1-rgb),1);
    --color2:  rgba(var(--color2-rgb),1);
    --color3: rgba(var(--color3-rgb),1);

    --color1-semi: rgba(var(--color1-rgb),0.5);
    --color2-semi:  rgba(var(--color2-rgb),0.5);
    --color3-semi: rgba(var(--color3-rgb),0.5);

    --bs-primary-rgb: var(--color1-rgb);
    --color-headers: rgba(var(--color-text-headers-rgb),1);
    --color-btn: rgba(var(--color-text-headers-rgb),1);

    --color-text: rgba(var(--color-text-body-rgb),1);
    --color-white: #FFFFFF;
    --gradient-colors: var(--color1) 5%, var(--color2) 43%, var(--color3)  87%;
    --gradient-colors-transp: var(--color1-semi) 5%, var(--color2-semi) 43%, var(--color3-semi)  87%;

}

body{

}
.tint1{
    color: var(--color1);
}
.tint2{
    color: var(--color2);
}
.btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color1);
    --bs-btn-border-color:  var(--color1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:  var(--color3);
    --bs-btn-hover-border-color: var(--color3);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color2);
    --bs-btn-active-border-color: var(--color2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

#mainHero{
    background: url('/assets/img/hero_home.webp')  center -50px no-repeat;
    min-height: 95vh;
}

headerSlogan{
    position: absolute;
    top: 0px;
    font-size: .7rem;
    line-height: 1.4rem;
    width: 100%;
    z-index: 999999999999999998;
    font-weight: bolder;
}

header{
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.05);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0% 4% 0% 4%;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 999999999999999999;
}