body {
    --color-primary: #0B8800;
    --color-secondary: #73B65A;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F8F8;
}

body,
html {
    margin: 0;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    scroll-behavior: smooth;
    padding: 0;
}

* {
    box-sizing: border-box;
}

@media (min-width: 900px) and (max-width: 1099px) {
    body,
    html {
        font-size: 11px;
    }
}

@media (min-width: 1100px) {

    body,
    html {
        font-size: 15px;
    }
}

@media (min-width: 1500px) {

    body,
    html {
        font-size: 20px;
    }
}

@media (min-width: 1900px) {

    body,
    html {
        font-size: 25px;
    }
}

.container-hr {
    position: relative;
  }