@import url('fonts/stylesheet.css');

:root {
    --dark-green: #084326;
    --light-green: #78cd32;
    --orange: #ff8a00;
    --yellow: #fff4ca;
}

html, body {
    background-color: var(--dark-green);
}

.container {
    max-width: 900px;
}

.btn-orange {
    background-color: var(--orange);
    color: var(--dark-green);
}

.btn-orange:hover {
    background-color: var(--yellow);
}

.color-yellow {
    color: var(--yellow);
}

.color-light-green {
    color: var(--light-green);
}

.color-orange {
    color: var(--orange);
}

::marker {
  color: var(--orange);
}

.box-location iframe {
    border-radius: 16px;
    
}

.box-location {
    background-color: var(--light-green);
    border-radius: 16px;
}

@media (max-width: 767px) {
    * {
        font-size: 14px;
    }
    .btn-lg {
        font-size: 1em;
    }
    .container {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}