@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700');
$primary: #0F7C11;
$secondary: #FFFFFF;
$font-family-base: "Space Mono" !default;
$headings-font-family: "Space Mono";
$font-size-base: 1rem;
$h1-font-size: $font-size-base * 4.75;
$h2-font-size: $font-size-base * 2.5;
$h3-font-size: $font-size-base * 1.875;
$line-height-base: 1.6875;
$headings-line-height: 1.05;
$padding-left-default: 5.3125rem;
body {
overflow-x: hidden;
}
.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;
@import "open-iconic-bootstrap.scss";
@import "nav.scss";
@@ -89,49 +84,49 @@ h1 {
footer {
margin-top: 12rem;
padding-left: $padding-left-default / 3 !important;
color: $primary;
font-size: 0.81rem;
@include media-breakpoint-up(md) {
padding-left: $padding-left-default !important;
#hero {
width: 100%;
.green-block {
margin-top: 16rem;
margin-bottom: 8rem;
padding-top: 24rem;
li.nav-item {
height: 2.75rem;
min-height: 2.75rem;
&.active > a.nav-link {
font-weight: 700;
&:before {
content: "•";
margin-right: -4px;
main.container-fluid {
padding: 0;
@include media-breakpoint-up(xl) {
.container{
max-width: 80%;
.content {