@@ -20,48 +20,52 @@ body {
overflow-x: hidden;
}
.navbar-brand {
width: 200px;
img {
max-width: 100%;
height: auto;
.text-page {
h2 {
padding-top: 3rem;
padding-bottom: 2rem;
h1 {
padding-bottom: 6rem;
.text-upper {
text-transform: uppercase;
.navbar-collapse {
margin-left: $padding-left-default;
.navbar-toggler {
border: 0 !important;
&.green-toggler {
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(15,124,17, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
&.white-toggler {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
html {
font-size: 16px;
@@ -163,24 +167,86 @@ main.container-fluid {
@include media-breakpoint-down(sm) {
min-width: 80%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
display: none;
#map {
width: 100%;
height: 480px;
filter: grayscale(100%);
.btn-lg {
padding: 0.8rem 4.5rem;
font-size: 1rem;
line-height: 1.5;
.btn {
padding: 0.4rem 2.25rem;
border-radius: 0;
.jumbotron {
background-color: rgba(204, 213, 197, 0.1);
border: 1px $primary solid;
color: $primary;
padding: 5rem 6rem ;
.col-form-label, .form-check-label {
font-weight: bold;
.form-text.text-muted {
color: $primary !important;
margin-bottom: 1rem;
fieldset {
blockquote {
font-size: 80%;
.form-control {
border: 2px $primary solid;
&:focus {
label.form-check-label {
display: flex;
align-items: center
h3 {
main {
a {
color: #f5843e;
font-weight: 600;