@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.ttf');
    font-weight: 900;
    font-style: normal;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.ttf');
    font-weight: 400;
    font-style: italic;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf');
    font-weight: 300;
    font-style: normal;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf');
    font-weight: 500;
    font-style: normal;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf');
    font-weight: 100;
    font-style: normal;
    font-display: 'swap';
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.ttf');
    font-weight: 100;
    font-style: italic;
    font-display: 'swap';
}


  
body * {
    font-family: Roboto;
}

body p {
    text-align: justify;
}

section.main-header-section {
    position: sticky;
    top: 0;
    z-index: 9998;
    background-color: white;
}

.container {
    max-width: 960px !important;
    overflow: hidden;
}

img.img-logo {
    height: 50px;
    border-radius: 50%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
}

.social-logos img {
    height: 35px;
}

.main-menu li a {
    transition: all .3s;
}

.main-menu li a:hover {
    color: #0d6aa8 !important;
}

.text-justify {
    text-align: justify;
}

.whatsapp-call-to-action {
    position: fixed;
    bottom: 1em;
    right: 1em;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0,0,0, .6);
}


@media only screen and (max-width: 670px) {
    .main-menu li {
        width: 100%;
        text-align: right;
    }

}